生涯5000本以上のギターをいじり続けたきた管理人が実測データを交え世界一詳しいギターレビューやギターパーツ情報をお届け!
前回の「WAI-ARIAを学ぶときに整理しておきたいこと」(以下、「前回の記事」と略)やYouTubeで生配信した「WAI-ARIA勉強会」で 要素には暗黙のロールをもつ role属性を使うことでロールを上書きできる 要素によって上書きできないロールがある と説明した。 しかし、上書きできないロールをrole属性で指定してしまったときに最終的にロールが何になるかの説明をしていなかったし、要素の条件次第によっては上書き可能なはずのロールが無効化されたり、ロールが変化したりすることに触れていなかった。今回はそこが仕様でどうなっているのか深堀りしてみたいと思う。 ロールの決定に影響するもの まず、簡単にロールがどういったものから決定されるのかをざっくりと最初にまとめる。 要素の種類(HTMLとしてのセマンティック) 属性 構造(先祖・子孫関係) これをまず念頭に置いて、仕様を読みすすめると理解が
2019年12月16日 .is-disabled(class属性)ではなく:disabledまたはaria-disabledを使おう! UI開発者 寒川 この記事はミツエーリンクスアドベントカレンダー2019 - Qiitaの16日目の記事です。 突然ですが、みなさんはボタンなどを非活性状態にする場合はどのように行っていますか? button要素の場合はdisabled属性で以下のようにします。 <button type="button" disabled>メニュー</button> 上記のようにマークアップするとTabキー操作によるフォーカスはされなくなり、スクリーンリーダーでは「ボタン使用不能 メニュー」や「メニュー 無効 ボタン」といった形で読み上げられ、非活性状態であることを伝えることができます。 では、disabled属性を使えない要素の場合はどのように対処すべきでしょうか。 以
この記事は 「Webアクセシビリティ Advent Calendar 2020」 10日目の記事です。(執筆が終わったのが11日目になってしまい申し訳ございません) 先日投稿したWebアクセシビリティ Advent Calendarの記事「キーボード操作を意識したHTML/CSSコーディング」は思いがけず大変な反響をいただきました。ありがとうございます。 今回はWeb制作において頻出度の高いアコーディオンをアクセシビリティを意識しながら作ってみたという「やってみた」系記事です。 今回の記事を書くにあたり、そめさんよりいくつかレビューを頂きました(ありがとうございます)。今回はそのレビューも含めて修正前と修正後も同時掲載します。 はじめに はじめに今回のアコーディオンのサンプルを掲載します。(サンプルではaria属性の付与はJSで行っています) この記事を書いた理由は WAI-ARIAの知識
JSer.info #674 - date-fns v3.0.0がリリースされました。 Release v3.0.0 · date-fns/date-fns ESMとCJSのdual pacakgeに変更、それぞれのファイルはnamed exportするように変更されています。 また、TypeScriptの型を改善に合わせて、引数の数のRuntime Checkを無くしてType Checkのみに変更されています。 そのほかには、intervalオプションの負数をサポート、IEのサポートを終了などの変更も含まれています。 Firefox 121がリリースされました。 Firefox 121.0, See All New Features, Updates and Fixes Firefox 121 for developers - Mozilla | MDN <iframe loading
オーストラリアのレコード業界が主催する「ARIAミュージック・アワード」(通称ARIA賞)の授賞式で、プレゼンターのチャーリー・XCXさんのドレスの肩が見事にずり落ちるというハプニングがあった。 本人がインスタに投稿 イギリス出身のチャーリー・XCX(本名:シャーロット・エマ・エイチスン)さんは、映画『きっと、星のせいじゃない。』で使われた曲「ブーム・クラップ(Boom Clap)」で世界的に有名になったシンガーソングライター。 彼女は、先日オンラインで行われたARIA賞のプレゼンターとして、「ベスト・ポップス・リリース」部門の受賞者を発表した。 「ARIA賞は、ザ・キッド・ラロイとジャスティン・ビーバーの『ステイ』。おめでとう」と言い、カメラに向かって手を振ったところまではよかったが、次の瞬間、細い肩紐がストン。彼女は胸を隠しながら大笑いする。 実はこのシーン、授賞式のライブストリームの
ARIA ロールは、コンテンツに意味づけ行い、スクリーンリーダーなどのツールが、その種類のオブジェクトに対するユーザーの期待に一致する方法でオブジェクトを表示し、操作に対応できるようにします。 ARIA ロールは、 HTML にネイティブに存在しない要素や、存在しててもブラウザーの完全な対応がまだない要素を記述するために使用することができます。 既定では、 HTML の多くの意味づけ要素はロールを持っています。例えば、 <input type="radio"> は "radio" ロールを持ちます。 HTML の意味づけがない要素はロールを持ちません。意味を追加していない <div> と <span> は null を返します。 role 属性で意味づけを提供することができます。 ARIA ロールは role="role type" を使用して HTML 要素に追加します。ロールの中には、
映画「アイアンマン」の主人公トニー・スタークがかけているような拡張現実(AR)スマートメガネが、年内に利用可能になることはなさそうだ。いや、来年でも再来年でも無理かもしれない。FacebookはすでにアイウェアメーカーのLuxottica Groupと共にスマートメガネの開発に取り組んでいるものの、このスマートメガネはまだ、現実世界を取り入れた複合現実(MR)デバイスになるわけではない。 Facebookは米国時間9月16日、オンラインのカンファレンス「Facebook Connect」を開催し、頭に装着したセンサーアレイを使って現実世界をマッピングするプロジェクト「Project Aria」を発表した。100人ほどのテスターが参加するこのテストは、9月からシアトルとサンフランシスコのベイエリアで始まる予定だ。 Facebookは同日、最新の没入型製品「Oculus Quest 2」も発表
テレビアニメ「ARIA」の15周年記念プロジェクトが始動。同作の完全新作が2020年冬に公開予定であることが4月14日、公式サイトやTwitterを通して明かされました。 夢じゃないよね……?(画像はテレビアニメ「ARIA」公式サイトから) 「ARIA」は、2001年から2008年にかけて月刊誌で連載された天野こずえさんによる漫画が原作。2005年にテレビアニメ第1期、2006年に第2期、2008年に第3期が放送されました。観光都市である「ネオ・ヴェネツィア」を舞台に、水先案内人を目指す少女・水無灯里とゴンドラ観光会社「ARIAカンパニー」の仲間たちの日々が描かれます。 画像はテレビアニメ「ARIA」公式サイトから 新作の発表に、アリア・ポコテン役の西村ちなみさんは「ぷいにゅー!!」と反応。アリシア・フローレンス役の大原さやかさんは、「言いたくて言いたくて、もうずっとうずうずしていた嬉しい
こんにちは、開発ディレクターの横内です、腹筋してください。社内でほそぼそとアクセシビリティの布教活動に勤しんでいます。ウィルゲート Advent Calendar 2019 の 16 日、始まります。 presentation ロールは ARIA で定義されているロールの一つです。要素のロールへ presentation ロールを指定することで、要素がもつネイティブセマンティクスロールを上書きして、特にセマンティクスを持たない要素としてブラウザや支援技術から扱われるようにできます。 元々筆者は presentation ロールについてなんとなくの理解はしておりました。ただ、aria-hidden ステートを利用しても同じようなことを実現できる気がしていたため、「どちらを使えばよいのだろう?」という疑問がありました。presentation ロールへの正しい理解なしにはその疑問は晴れないでし
2023年5月31日 そのaria-labelは本当に必要ですか? チーフアクセシビリティエンジニア 黒澤 アクセシビリティ対応には複数の方法がありますが、方法によって運用負荷はさまざまです。 私はお客様に、aria-labelを設定するのではなく、画面に表示されているテキストで情報が伝わるようにすると運用負荷を抑えられますよ、という話をすることがあります。 aria-labelは指定をミスするとほぼ確実にアクセシビリティの問題につながりますが、画面に表示されないため、作業漏れが生じやすく、指定ミスに気がつきにくい性質があります。 実際、お客様サイト・サービスの現状把握や競合調査の業務ではaria-labelの作業漏れや指定ミスによるアクセシビリティの問題を多数見てきました。 この記事では実際の問題例をサイト・サービスが特定されないように調整したうえで紹介していきます。 紹介した例はいずれ
Implicit Rolearia-activedescendantaria-atomicglobalaria-autocompletearia-busyglobalaria-checkedaria-colcountaria-colindexaria-colspanaria-controlsglobalaria-currentglobalaria-describedbyglobalaria-detailsglobalaria-disabledglobalaria-dropeffectglobalaria-errormessageglobalaria-expandedaria-flowtoglobalaria-grabbedglobalaria-haspopupglobalaria-hiddenglobalaria-invalidglobalaria-keyshortcutsglobalar
『ARIA』シリーズ最新作『ARIA The CREPUSCOLO』。前作『ARIA The AVVENIRE』まで監督を務めた佐藤順一が総監督。テレビシリーズで各話演出やコンテを担当し、前作で助監督だった名取孝浩が監督を務めている 『ARIA』最新作はオレンジぷらねっとが中心の物語水の惑星アクアの観光都市ネオ・ヴェネツィアを舞台にした人気ヒーリングアニメ『ARIA』シリーズの最新作『ARIA The CREPUSCOLO』が3月5日(金)から劇場公開中。新たなキャストや、アニメオリジナルの新キャラクターを迎えて、全12巻で完結した天野こずえの原作漫画では描かれていない物語も展開していく。 【関連記事】5年ぶりの『ARIA』完全新作を語るメインキャスト鼎談「夢が現実になったような気持ち」 水の都でゴンドラを漕ぎながら観光案内を行うウンディーネ(観光水先案内人)の少女たちの夢と成長を追いなが
初心者おすすめ格安エレキギターシリーズ。 格安の定義は「3万円以下」というカテゴリで紹介してきましたが、 本ブログで紹介するのは7ブランド目となります。 【初心者おすすめ格安エレキギターまとめ記事】 note.com Aria ProⅡについて MAシリーズ MAC-STD PEシリーズ PE-390 他とは一味違うデザイン Aria ProⅡについて Aria ProⅡは愛知県にある荒井貿易株式会社が販売するブランド。 荒井貿易株式会社ではエレキギターを1966年ごろより「Aria Diamond」として販売していましたが、 1975年よりアコースティックギターとの区別を明確にし、より完成度の高いプロ志向のギターを作るため 「Pro」を加え、また「Aria時代よりも一歩進んだエレキギター作り」との思いを込めて「Ⅱ」を加えたとのこと。 先進的なデザインが特徴的なエレキギターです。 今回は3
格安エレキギターシリーズ。 今回はレトロでカッコイイ、可愛いエレキギターを紹介します。 今回は国産エレキギター好きなら「おっ!」と思うエレキギター2本取り上げますので、 楽しみながらお読みください。 Aria RETRO CLASSICSシリーズ DM-01 RETRO-1532J Aria RETRO CLASSICSまとめ Aria RETRO CLASSICSシリーズ Aria Guitars公式ホームページ:http://www.ariaguitars.com/jp/index.html Aria Guitarsシリーズとしては以前、BLITZ(ブリッツ)を紹介しました。 yamagish.hatenablog.jp 今回紹介するRETRI CLASSICSシリーズは同じくAria Guitarsのシリーズの中の1つです。 特徴は何と言ってもそのルックス。 レトロ、ビザールを現代に
はじめに みなさんは、WAI-ARIAを知っていますか? 私は、スクリーンリーダーでも読めるようにするため、aria-label を使ったり、 roleを使って、要素の役割を明確にしたりなど業務でよく使うものは、理解しているつもりです。 ただ他にどんな種類のWAI-ARIAがあるか、その役割はなんなのか、 いまいちわからないなと思っていませんでした。 なので今回は、調べたWAI-ARIAについて、まとめたので、ぜひご覧ください。 私の理解度は↓この位置です。 ご注意ください。 WAI-ARIA WAI-ARIAとは? WAI-ARIAは、Web Accessibility Initiative Accessible Rich Internet Applicationsの略で、アクセシビリティ向上の目的で、W3Cが定めた仕様です。 また、WAI-ARIAをつかうことで、HTMLで表現できない
オリンピックというひのき舞台で輝いたスポーツ界のヒロインたちの「その後」は、意外に知られていません。競技者人生がカセットテープのA面だとすれば、引退後の人生はB面。私たちの記憶に残るオリンピアンたちの栄光と挫折に、ジャーナリストの吉井妙子さんが迫ります。 【関連画像】41歳、1児の母となった現在。金メダル後のつらい日々について話すとき、岩崎さんの目からは涙がこぼれそうになった ●「目標は決勝進出」だった14歳が手にした金メダル ―― 1992年のバルセロナ五輪で発した「今まで生きてきた中で一番幸せです」のフレーズは、27年たった今も多くの人の心にあります。 岩崎恭子さん(以下、敬称略) あのとき14歳になったばかりで、まさか私が金メダルを獲得するなんて夢にも考えていませんでしたし、そもそも私は決勝直前まで誰からも注目されず、期待もされていなかったと思います。実際バルセロナ五輪直前までは日本
完成された機能美へ 「完璧とはこれ以上削れない状態である」 「星の王子さま」の作者サン=テグジュペリが遺した言葉です。 収納物を重ねないHitoe®構造(意匠登録済)、金具レスのミニマルなデザインとスムーズな操作性を実現するインナーフック(特許取得済)、カードの落下を防止するスリップレス仕様(特許出願済)。 「デザインも操作性もミニマルを極めたHitoe® Foldシリーズの究極形」 それがHitoe® Fold Ariaです。 洗練されたデザインと精緻を極めた技により、息を呑むほど完成された機能美へと昇華しました。 空気のような軽やかさ「Aria」 イタリア語で「Air(空気)」を意味する「Aria(アリア)」。 空気のように、存在を忘れてしまうほど、軽くて薄い財布です。 薄さへの挑戦 カードと硬貨を重ねないHitoe®構造(意匠登録済)で薄さを実現。 ・重なる革は最大5枚&金物レス ・
ウェブ技術「WAI-ARIA」特化のオンライン勉強会のライブ配信です。 Togetterまとめ: https://togetter.com/li/1847023 ※現在、字幕については修正対応中です。 アクセシビリティの向上に取り組む企業が増えきた中、制作や実装においてWAI-ARIAの知識が必要不可欠になってきました。しかし、いざWAI-ARIAを知って導入するものの中途半端に扱ってしまったせいで、アクセシビリティを悪化させてしまっていることが少なくありません。 基礎から、ブラウザやスクリーンリーダーなどの支援技術のサポート状況、実際のUIの実装、テストへの応用、そしてW3CやWHATWGの仕様策定はどうのようになっているのかまで、WAI-ARIA一点集中の勉強会を開催します。 02:02 オープニング 08:43 基礎 / ゆうてん 45:48 スクリーンリーダー / 辻勝利
この記事はミツエーリンクス Advent Calendar 2020 - Adventarの21日目の記事です。 今回はCSSのお話です。 CSSをうまく使うことができると 必要だと思っていたJavaScriptが不要になる HTMLが簡潔に書ける 場合があります。 そのことから私は日々CSSを書きながら「まだ気がついていない使い方があるのではないか」とその可能性に魅力を感じています。 特に静的に実装するのであれば、万人が触れる機会が多いHTMLの編集しやすさは意識したいところですね。 ステップUIをお題として一般兄弟結合子(~)の実用例をご紹介します。 加えてaria-current属性の使い方も少しだけご紹介できればと思います。 例えば、以下のような見た目のステップUIをスタイリングする場合は 一般兄弟結合子を意識しないと、次のようにclass属性をたくさん付与するマークアップになりそ
米Facebookは9月16日(現地時間)、年次AR/VRカンファレンス「Facebook Connect」で、「Ray-Ban(レイバン)」ブランドを擁するイタリアのメガネ企業EssilorLuxotticaとの提携によるスマートメガネ開発プロジェクト「Project Aria」の進捗を報告した。マーク・ザッカーバーグCEOは「製品を来年リリースする」と語った。 同社は2016年の年次開発者会議F8でARメガネ構想を発表し、計画を進めてきた。Ray-Banとの協力は当時からのものだ。 ザッカーバーグ氏はかねて、将来的にはスマートメガネにBCIを統合し、パソコンやスマートフォンを使わずに目の前に広がる世界とシームレスに繋がり、脳で考えるだけでコミュニケーションできるようにしたいと語っている。具体的な機能などの説明はなかったが、来年発売のメガネは、その最終目標への途上製品という位置づけ。 同
「蒼のカーテンコール最終章」は姫屋の物語人気漫画家・天野こずえの描く優しく温かな世界を忠実に描いたアニメ『ARIA』シリーズ。2008年の春、原作の連載と綺麗に歩みを揃える形で完結したが、2015年にテレビアニメスタート10年目を記念した「蒼のカーテンコール」プロジェクトの一環として、新作『ARIA The AVVENIRE』(以降、『AVVENIRE』)が公開。多くのファンを歓喜させた。 12月3日(金)に公開される『ARIA The BENEDIZIONE』のキービジュアル。本作で物語の中心となる姫屋のウンディーネだけでなく、『ARIA』シリーズのメインキャラクターが勢揃いしている さらに、6年後の今年3月、「蒼のカーテンコール」第2章として『ARIA The CREPUSCOLO』(以降、『CREPUSCOLO』)が劇場上映。本日12月3日(金)に「蒼のカーテンコール」最終章の『AR
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く