リアルSEOホーム » 用語集 » あ行 » アクセシビリティ
アクセシビリティ(アクセシビリティ) - 解説
アクセシビリティ(アクセシビリティ) - 解説 ![rss](http://real-seo.net/rssicon.gif)
一般的には、情報、サービス、ソフトウェアなどの利用のしやすさを指す。
webでは、ユーザーが利用しやすい、見やすいかを『webアクセシビリティ』という。
画像などに、代替文字を設定したり、情報内容と構造、および表現を分離できるようにするなどの指針が、W3Cにより提唱されている。
"アクセシビリティ" 関連の人気・注目記事
以下の記事は、自動収集しています。不適合な内容が表示されることがあります。ご了承ください。
タイトルの後に表示されるusersのタグは、ブックマーク数です。左が【はてな】右が【ライブドア】のブックマークの数です。数字が多いほど人気の高い記事ということになります。
・アクセシビリティが考慮された React Aria のドラッグアンドドロップ ![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://azukiazusa.dev/blog/react-aria-drag-and-drop/)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://speakerdeck.com/ryo_manba/react-aria-deshi-xian-suruci-shi-dai-noakusesibiritei)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://qiita.com/ymrl/items/0bfb691e98e153e90fc5)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://tamukai.blog.velc.jp/entry/2024/09/06/085650)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://zenn.dev/dozo13189/articles/e1a6566a153e2d)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://photoshopvip.net/160552)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://qiita.com/kobayashimakoto/items/e8e19cc019c863990237)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://iphone-mania.jp/ios-585612/)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://tech.smarthr.jp/entry/2024/09/02/154839)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://techblog.zozo.com/entry/iosdc-japan-2024)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://applech2.com/archives/20240902-shellmate-ai-for-mac-terminal.html)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://www.digital.go.jp/policies/report-202309-202408)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://qiita.com/kana_zzzz/items/db2c9acca5a84c7848c2)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://shu-web-devlog.pages.dev/ja/article/accessibility-of-modal-dialogs)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://accessible-usable.net/2024/08/entry_240827.html)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://www.4gamer.net/games/999/G999905/20240826044/)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://zenn.dev/yumemi_inc/articles/2024-08-25-frontend-conf-hokkaido-2024)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://speakerdeck.com/nacal/linterkarahazimerua11y)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://www.4gamer.net/games/990/G999028/20240823045/)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://speakerdeck.com/azukiazusa1/timudekai-fa-suruji-niakusesibiriteiwobao-tushi-ce)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://forest.watch.impress.co.jp/docs/news/1617911.html)
・Microsoft、新たなアクセシビリティコントローラー「Xbox Adaptive ジョイスティック」を発表 ー 来年初頭に発売へ | 気になる、記になる… ![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://taisy0.com/2024/08/22/203110.html)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://note.com/aizawamayoi/n/nfab56904ca74)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/work/chrome-128-adds-4-new-css-features.html)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://developers.freee.co.jp/entry/a11y-guidelines-202408.0)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://azukiazusa.dev/blog/axe-core-playwright/)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://zenn.dev/penginpenguin/articles/753b19ebb55b37)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://waic.jp/news/ciaj-column-10/)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://iphone-mania.jp/apple-584685/)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://www.itmedia.co.jp/enterprise/articles/2408/15/news080.html)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://qiita.com/to3izo/items/bce83180dc5a7e48f714)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://www.itmedia.co.jp/news/articles/2408/13/news115.html)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://qiita.com/kaxxxx02/items/ba51c6196c2606c4b1a0)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://azukiazusa.dev/blog/box-shadow-focus-ring-not-visible-in-high-contrast-mode/)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://sleepcratic-republic.hatenablog.com/entry/2024/07/30/225016)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://zenn.dev/luup_developers/articles/ios-moro-20240801)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://speakerdeck.com/recruitengineers/webakusesibiriteiru-men-2024)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://ics.media/entry/240808/)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://qiita.com/ymrl/items/11e78cd6fbfdae39de84)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://nulab.com/ja/blog/nulab/redesign-developer-site-using-astro/)
アクセシビリティが考慮された React Aria のドラッグアンドドロップ 2024.09.07 React Aria は Adobe により提供されている React 用のコンポーネントライブラリであり、アクセシビリティを最優先した設計となっています。本記事では、React Aria により提供されているドラッグアンドドロップ機能を紹介します。 ドラッ...
・React Aria で実現する次世代のアクセシビリティ
Web Developer Conference 2024 (2024/09/07) での発表資料 https://web-study.connpass.com/event/321711/
・「絶対にdisabled属性を避けて、aria-disabled属性を使わなければならない」わけではありません - Qiita
「絶対にdisabled属性を避けて、aria-disabled属性を使わなければならない」わけではありませんHTMLアクセシビリティWAI-ARIA 最近、「アクセシビリティのために、HTMLの disabled 属性ではなく、aria-disabled 属性を使うべき」という主張を見かけますが、本当にそうなのでしょうか? disabled属性を使っていても、スク...
・boardというSaaSのリリースから10年が経ったので、経営者・事業責任者・開発者としての個人的な振り返り - ヴェルク - IT起業の記録
boardというサービスが、2024年8月で正式リリースから10周年を迎えたので、振り返ってみたいと思います。 これまでも、有料導入社数1000社刻みで振り返りのブログを書いてきており、今年の頭に5000社の記事も書いたばかりなので、今回はどちらかというと、個人的な視点で思い返したことなどを書いていきます。 boardとは...
・Zag.js が良いかもしれない
Zag.js を調べた背景 私は Chakra UI ユーザーなのですが、Chakra UI はスタイリング部分でランタイム CSS-in-JS(= emotion)を使用しているため、レンダリング時のパフォーマンス影響を考えると、どこかで移行するタイミングがありそうだと思っています。もちろん、Chakra UI がランタイム CSS-in-JS を捨ててくれれば...
・ユーザーに刺さるUIデザイン実用テクニック37選
UI Tipsで公開された「UI Tips for Landing Pages & Apps by Jim Raptis」より許可をもらい、日本語抄訳しています。 シンプルなUIデザインテクニックで、より良いユーザーインターフェースをデザインし、ユーザーが満足する方法を一緒に学びましょう。 現役UIデザイナーのジム・ラプティス氏が実際の製品でテスト、検証...
・要素を非活性にするのに、まさか disabled を使ってないよね? - Qiita
はじめに フロントエンドエンジニアのみなさん、 要素を非活性にする際、disabled=trueを使っていませんか? アクセシビリティ的にそのやり方は良くないです。 最近、アクセシビリティに配慮したアプリケーションの開発に携わっています。 その中でシニアエンジニアから頂いたフィードバックについて共有したいと思いま...
・iOS18新機能でSiri不要に?声だけでChatGPTを呼び出してみた - iPhone Mania
iOS18では、iPhoneに話しかけるだけでさまざまな機能を簡単に呼び出せる新機能「ボーカルショートカット」が利用可能となります。音声で起動するアシスタントとして、SiriではなくChatGPTやAlexaを使うこともできます。実際に使って試してみました。 ※記事中の機能や使用しているスクリーンショットは、取材に基づく特別...
・SmartHRのフロントエンドの技術的変遷 ── 技術顧問のkoba04と語るこれまでとこれから - SmartHR Tech Blog
マルチプロダクト戦略を掲げてプロダクトを急速に増やし続けている SmartHR のフロントエンド領域について、2018年から SmartHR に参加しているフロントエンドエンジニアの nabeliwo と技術顧問の koba04 が、これまでの振り返りと今後の展望を話しました。 SmartHR のフロントエンドでどんな技術が使われてきてどんな課...
・iOSDC Japan 2024 協賛&参加レポート - ZOZO TECH BLOG
こんにちは、DevRelブロックのikkouです。2024年8月22日の夕方から24日の3日間にわたり「iOSDC Japan 2024」が開催されました。ZOZOは昨年同様プラチナスポンサーとして協賛し、スポンサーブースを出展しました。 technote.zozo.com 本記事では、前半は「iOSエンジニアの視点」から、ZOZOから登壇したセッションとiOSエ...
・Macのターミナルアプリに付いてコマンドの使い方を表示してくれるAIアシスタント「ShellMate」がリリース。
Macのターミナルアプリに付いてコマンドの使い方を表示してくれるAIアシスタント「ShellMate」がリリースされています。詳細は以下から。 Macでターミナルアプリを利用する際、コマンドのオプションや引数の使い方を忘れ、調べる場合がありますが、そのような場合にターミナルアプリからOpenAIにコマンドの使い方やエラ...
・2024年デジタル庁年次報告|デジタル庁
デジタル庁の設立から3年が経過しました。本ページでは、2023年9月から2024年8月までの活動を報告いたします。 PDF形式でも同じ内容がご覧いただけますので、ご活用ください。 デジタル庁年次報告(2023年9月から2024年8月)(PDF/2,893KB) はじめに年次報告とはデジタル活用により目指す社会デジタル庁の活動方針デー...
・display:contents;って何?どんな時に使うと便利なの? - Qiita
先日、display:contents;というプロパティをはじめて知りました。 他のdisplayシリーズと比べるとあまり馴染みがなかったので、今回はdisplay:contents;とは何か、どんな場面で使えるのかについて紹介します。 1. 結論 display:contents;を指定した要素は、あたかも存在しないかのように扱うことができる これにより、グ...
・モーダルダイアログのアクセシビリティについて
はじめに Web で利用されるモーダルダイアログについて、その実装やアクセシビリティについて掘り下げ、それらの実装などについてまとめます。内容は著者の理解に基づいており、正確性を保証するものではありません。 詳しくは ARIA-APG を参照ください。 Modal Dialog Examplehttps://www.w3.org/WAI/ARIA/apg/patterns...
・ダークパターン – 人を欺くデザインの手口と対策 | Accessible & Usable
公開日 : 2024年8月27日 (2024年8月29日 更新) カテゴリー : アクセシビリティ / ユーザビリティ 「ダークパターン – 人を欺くデザインの手口と対策」を読みました。 本書は、ダークパターン (またの名を「ディセプティブパターン (deceptive patterns : 人を欺くデザインパターン)」) の専門家であり、ウェブサイト「De...
・世界観や設定をきちんと踏まえていない多様性は,コンテンツを不自然なものにしかねない。ゲームにおけるDEI表現の意義と重要性,そして導入する際の留意点[CEDEC 2024]
世界観や設定をきちんと踏まえていない多様性は,コンテンツを不自然なものにしかねない。ゲームにおけるDEI表現の意義と重要性,そして導入する際の留意点[CEDEC 2024] ライター:大陸新秩序 2024年8月22日,ゲーム開発者向けカンファレンス「CEDEC 2024」にて,セッション「『表現』でもグローバルを目指す! DE&I...
・フロントエンドカンファレンス北海道 2024 公開資料・Xアカウントリンクまとめ
2024/08/24(土)で開催されたフロントエンドカンファレンス北海道 2024に関する、現時点での公開資料と X アカウントリンクをまとめました。 よろしければご活用ください。 はじめに 登壇者名は敬称略させていただいています。 スライドについては、ご本人がツイートで展開されていたり、スライドサービスにアップロード...
・Linterからはじめるa11y
Webアクセシビリティについて注目が集まる中で、幅広い知識が必要になることや本質的な目的が捉えにくい側面もあり、何からはじめるといいのか分からない人も多くいると感じています。 ここでは、Webアクセシビリティの概要についてお話しした後、Webアクセシビリティ向上のための第一歩としてeslint-p…
・「Xbox Adaptive Joystick」は,Xboxのアクセシビリティへの考えが詰まったコントローラ用アクセサリ。ドイツで実機をお試し[gamescom]
「Xbox Adaptive Joystick」は,Xboxのアクセシビリティへの考えが詰まったコントローラ用アクセサリ。ドイツで実機をお試し[gamescom] 編集部:Junpoco Microsoftが2024年8月21日(海外時間)に発表した新プロダクト「Xbox Adaptive Joystick」は,身体の動きに制約のあるゲーマーのニーズに応える形で設計されたジョ...
・チームで開発する際にアクセシビリティを保つ施策
この発表はすでにアクセシビリティに興味を持っていて、ソフトウェア開発の現場にアクセシビリティを取り入れたい人を対象としています。 開発チーム全体でアクセシビリティに意識を持つ状態が理想ですが、全員が詳細な実装を行うのは実際には難しいでしょう。そこで、特に意識をせずともある程度のアクセシビリティを保…
・Windows版「Word」にアクセシビリティの複数の問題をまとめて修正する機能が追加/画像の代替テキストもまとめて自動生成可能に
ホームその他ニュースゲーム関連Microsoft、新たなアクセシビリティコントローラー「Xbox Adaptive ジョイスティック」を発表 ー 来年初頭に発売へ Microsoft、新たなアクセシビリティコントローラー「Xbox Adaptive ジョイスティック」を発表 ー 来年初頭に発売へ 2024 8/22 Microsoftが、Xbox向けの新しいアクセシビリティ製...
・図書館利用と地域特性:東京都と地方の比較分析|藍沢迷@読書と創作
✴︎公共図書館の利用状況の今まずはこの画像を見てほしい。 図1: 図書館の今:公共図書館の数と貸し出し登録者の推移、および都道府県別1人当たりの年間図書貸し出し冊数. 出典:産経新聞. (2024年6月22日). 図書館の今 公共図書館の数と貸し出し登録者の推移、都道府県別1人当たりの年間図書貸し出し冊数(画像) この画像...
・Chrome 128で新しく追加された4つのCSSの機能、ルビのレイアウト強化、optionの推奨最小サイズなど
Chrome 128で追加された、CSSの新しい機能4つを紹介します。 今回のアップデートでは、ruby要素によるルビのレイアウト強化、ドロップダウン内のoptionの最小サイズ、zoomプロパティのスタンダード化など、Web制作者は要チェックです! New in Chrome 128 Chrome 128 beta 下記は各ポイントを意訳したものです。 ※元サイ...
・freeeアクセシビリティー・ガイドライン Ver. 202408.0を公開しました & アクセシビリティー関連の問い合わせもしやすい体制作りを始めました - freee Developers Hub
こんにちは、freeeのアクセシビリティー・ガイドラインおじさんの中根です。 1年ほど前にこちらで書いた記事で触れた健康年齢、1年後の健康診断の結果によると10歳くらい下がって、実年齢とほぼ一致しました。こんなに値がぶれるものに一喜一憂するのは馬鹿馬鹿しいので、今後は気にせず暮らしていくことにしました。 さ...
・@axe-core/playwright によるアクセシビリティテストの自動化
@axe-core/playwright によるアクセシビリティテストの自動化 2024.08.18 axe-core は axe というアクセシビリティテストツールのコアエンジンで、オープンソースとして提供されています。この記事では、E2E テストフレームワークの Playwright と axe-core を組み合わせて使用して、アクセシビリティテストを自動化する...
・「ソフトウェアアーキテクチャの基礎」と「アーキテクトの教科書」の備忘と感想
はじめに 最近、ソフトウェアアーキテクチャを改めて勉強しようと2冊の本「ソフトウェアアーキテクチャの基礎 ―エンジニアリングに基づく体系的アプローチ」と「アーキテクトの教科書 価値を生むソフトウェアのアーキテクチャ構築」を読んだので要点と感想を備忘としてまとめます。 ソフトウェアアーキテクチャの基礎 ―...
・ウェブアクセシビリティでよく誤解されること
2024年8月15日 更新 ウェブアクセシビリティ基盤委員会(WAIC) 作業部会1 副査 有限会社時代工房 柴田 宣史 これはウェブアクセシビリティ基盤委員会のコラム第10回です。今回はウェブアクセシビリティに関してよく誤解されることについて、例を集めてみました。 1. ウェブアクセシビリティは障害者や高齢者のためだけ...
・Apple、障がいの有無を超え戦うアスリートを称える動画「The Relay」公開 - iPhone Mania
Appleは、アクセシビリティ機能を活用し、障がいの有無を問わずアスリートたちが競い合う様子を描いた動画「The Relay」を公開しました。8月28日からのパリパラリンピックを前に、障がいを持つアスリートが、障がいのない選手と同じ条件で練習し、戦う様子が印象的です。 障がいの有無でチーム分けしたアスリートたちが...
・AIの大規模導入を支援、「Qlik Talend Cloud」登場 6つの特徴を解説
Qlikは2024年8月7日、「Qlik Talend Cloud」の提供を始めた。企業のAI導入を促進させる統合ソリューションで、データの信頼性とアクセシビリティーを向上させ、大規模なAI価値創造を実現するとしている。 Qlik Talend Cloud は、企業がデータの整合性を維持しながらAI導入を加速できるよう支援する。AIで強化したデータ...
・Web系エンジニア最低限入れておくべき Chrome 拡張機能3選 - Qiita
概要 Web ブラウザではすっかりお馴染みの Google Chrome ですが、開発者ツール(DevTools)だけでなく、拡張機能にも導入すると非常に便利なものがたくさんあります。 その中でも、Web系の開発をするエンジニアなら、是非入れておきたいオススメの Google Chrome 拡張機能について紹介します。 尚、いずれも無料で利用...
・リクルート、新卒エンジニア向け研修資料を無料公開 「実践データベース設計」など全26種類
リクルートは8月9日、新卒エンジニア向け研修資料を無料公開した。公開したのは、2024年度に実際行った研修の内容と資料の一部。エンジニアの心構えからデータベース設計、JavaScript研修、Webアクセシビリティー入門など、26種類の資料を無償公開している。 例えば、エンジニアの心構えを学べる資料「ソフトウェアエン...
・駆け出しWebエンジニアへ勧める〜人気フレームワーク4選〜 - Qiita
はじめに 就職や転職を考えているWebエンジニアのみなさん、どんなことを勉強していますか。プログラミング言語を勉強した後の悩みといえば、どのフレームワークを使用すれば良いかではないでしょうか。フレームワークの選択はキャリアに影響する大切なポイントです。そこで今回は、フロントエンドとバックエンド開発な...
・box-shadow で実装されたフォーカスリングはハイコントラストモードで表示されない
box-shadow で実装されたフォーカスリングはハイコントラストモードで表示されない 2024.08.11 フォーカスリングとは、キーボード操作でフォーカスが当たった要素を視覚的に示すための UI デザインのことです。フォーカスリングのカスタマイズに `box-shadow` プロパティを使うことがありますが、ハイコントラストモード...
・弥助関連史料とその英訳 / English translated historical documents related to Yasuke - 打越眠主主義人民共和国
はじめに Introduction 筆者の連絡先 How to contact me 信長公記 The Chronicle of Nobunaga 池田家本『信長公記』Shinchoko-ki Ikeda-hon 尊経閣本『信長公記』Sonkeikaku-bunko manuscript 尊経閣本の信頼性に関する議論 Discussion of the reliability 天正9年のイエズス会史料 Jesuit Documents in 1581 天正9年3月...
・LUUP iOSアプリ開発環境の現状確認 2024年8月
こんにちは、iOSアプリエンジニアの茂呂(@slightair)です。 この記事はLUUP iOSアプリ開発環境の現状確認と題して、我々の開発環境の状況を紹介するものです。1年半くらい前にも自分がiOSアプリ開発環境に関する記事を書きましたが[1]、それからのアップデートになります。 LUUPのサービスを成長させながら、同時に開...
・Webアクセシビリティ入門_2024
2024年度リクルート エンジニアコース新人研修の講義資料です
・has()疑似クラスでコーディングが変わる! CSS最新スタイリング - ICS MEDIA
2024年のブラウザならCSSの:has()疑似クラスが使えます。この:has()疑似クラスは非常に強力なポテンシャルをもっています。というのも:has()疑似クラスを使えば、どんな関係のセレクターも指定可能になります。これを使えば多彩なセレクターが記述できるようになり、より表現力豊かなCSSを実現できます。この記事では:ha...
・スクリーンリーダーの操作にはTab以外のキーも必要です - Qiita
Webのアクセシビリティの確認としてスクリーンリーダーを使った動作確認もしてもらうと 「リンクとかボタンしか読まれず、見出しや説明文がスキップされてしまいました」 という報告をされることが時々あります。 これは大抵、スクリーンリーダーを起動して、Tabキーだけを繰り返し押してしまっていることによって起こり...
・AstroとTailwind CSSを使ってDeveloper Siteをリデザインした話 | 株式会社ヌーラボ(Nulab inc.)
はじめに 今回のDeveloper Siteリデザインの目的は英語のコーポレートサイト(https://nulab.com/ )とのUIを合わせることでした。旧Developer Siteのヘッダーやフッターなどの共通パーツは古いデザインのままだったため刷新する必要がありました。 旧Developer Siteのトップページ Developer Siteのトップページ 使用し...