Mac keyboard shortcuts
On keyboards made for Windows PCs, use the Alt key instead of Option, and the Ctrl key or Windows logo key instead of Command. Some keys on some Apple keyboards have special symbols and functions, such as for display brightness , keyboard brightness , and more. If these functions aren't available on your keyboard, you might be able to reproduce some of them by creating your own keyboard shortcuts.
フォーカスの分類 | アクセシビリティBlog | ミツエーリンクス
この記事はミツエーリンクスアドベントカレンダー2019 - Qiitaの23日目の記事です。 私はWebページの検証やコンサルティングの業務を多々行っており、開発者とやり取りすることもあります。その際、開発者に「フォーカスを受け取れるように、要素のtabindex属性に-1を設定してください」と伝えると、高い確率で「tabindex属性に-1を設定するとフォーカスを受け取らなくなるのでは？」と返されます。実際のところ、tabindex="-1"はフォーカスを受け取ります。 なぜ、そのような認識の違いが起こるかというと、ある要素がフォーカスを受け取るかどうかや、受け取るかどうかを制御する方法が複雑なためだと考えています。この記事ではその複雑性と、複雑性がどう整理されようとしているかを述べます。 フォーカスを受け取る経路 Webページでは要素がフォーカスを受け取る経路は、ユーザーの利便性や歴史
WCAG 2.1 2.4.3「フォーカス順序」の検品について | Web品質Blog | ミツエーリンクス
アクセシビリティに関する検品について、今回はWCAG 2.1の2.4.3「フォーカス順序」という項目を取り上げたいと思います。 該当の達成基準2.4.3項目についてはWeb Content Accessibility Guidelines (WCAG) 2.1（ウェブアクセシビリティ基盤委員会による日本語訳）のページで確認できます。 以下、達成基準の日本語訳です。 ウェブページが順を追ってナビゲートできて、そのナビゲーション順が意味又は操作に影響を及ぼす場合、フォーカス可能なコンポーネントは、意味及び操作性を損なわない順序でフォーカスを受け取る。 ページを読み進めていくのに沿ってフォーカスが自然な順序で移動しているか、と読み替えると理解しやすくなると思います。利用者がキーボードを使用してフォーカスを移動する際に困惑する可能性を減らすことが狙いです。 検品の方法、注意点 キーボードのtabキ
ウェブアクセシビリティ導入ガイドブック｜デジタル庁
デジタル庁では「誰一人取り残されない、人に優しいデジタル化」を実現するため、継続的に「ウェブアクセシビリティ」の向上に取り組んでいます。この度、ウェブアクセシビリティに初めて取り組む行政官の方や事業者向けに、ウェブアクセシビリティの考え方、取り組み方のポイントを解説する、ゼロから学ぶ初心者向けのガイドブックを公開します。 優しいサービスのつくり手になる一助として、ぜひご活用ください。 公開の背景ウェブアクセシビリティの向上に取り組むには、非常に専門的な複数の規格とガイドラインをそれぞれ確認する必要があります。そのため、適切なやり方がわからないままに、現在は間違っている対応の踏襲、不要・過剰な対応、不適切な対応をしてしまうことがあります。ウェブサイトだけではなく、申請・手続等のデジタルサービスの重要性が増す中で、最新の技術動向を踏まえた、初心者が学習できる行政機関向けの研修資料が不足していま
ウェブアクセシビリティ基盤委員会 | Web Accessibility Infrastructure Committee (WAIC)
情報通信ネットワーク産業協会（CIAJ）のメールマガジンに、当委員会の委員が寄稿したコラムを掲載しました。今回は、ウェブアクセシビリティの試験がサイトのアクセシビリティ改善にとって役立つことを、waic.jpの事例をもとに解説します。
開発方針 | SmartHR ACCESSIBILITY（スマートHR アクセシビリティ）｜仕組みで解決できることを、やさしさで解決しない。
組織の全従業員が使う人事労務クラウドサービスであるSmartHRは、「 労働にまつわる社会課題をなくし、誰もがその人らしく働ける社会を作る。」というコーポレートミッションのもと、働くすべての人を後押しできるプラットフォームになることを目指しています。 私たちのミッションを実現するためには、真に「誰もが」SmartHRにアクセスできなくてはなりません。まだ道半ばではありますが、そんな想いを胸に日々の製品開発でアクセシビリティ向上に取り組んでいます。 SmartHRのプロダクトはアクセシビリティ方針のもと、「JIS X 8341-3:2016 高齢者・障害者等配慮設計指針－情報通信における機器、ソフトウェア及びサービス－第3部：ウェブコンテンツ」、に加えて「Web Content Accessibility Guidelines 2.1」に対応すること、またさまざまな特性を持つユーザーが実際に
noteの虚空ボタンを顕現させる社内勉強会を開催しました｜sawa / swn.jp
デザイナーの沢登です。 以前、コンテンツに関するアクセシビリティ勉強会をPRチーム森本さんに開催してもらいましたが、今回もアクセシビリティアドバイザーのfreee 伊原さんに協力いただきエンジニア向けの勉強会を開催しました。当日参加されたみなさん、伊原さん、ありがとうございました！ この記事では、目的や結果をオープン社内報でお届けします。 ❓ オープン社内報とは 一般的には社員しか見ることのできない「社内報」をだれでも見られるように公開することで、会社の中の様子を感じとってもらう記事企画です。 当日の勉強会資料 勉強会資料を確認 なぜやったのかアクセシビリティチームには、エンジニア・CS・ディレクターなど様々な職種・メンバーがサイドプロジェクトとして関わっています。しかし、ウェブエンジニアのアサインは深谷さん1人となっており、ウェブ版noteを1人でアクセシビリティ向上を行っていくことに限
チェック実施用Googleスプレッドシート — freeeアクセシビリティー・ガイドライン Ver. 202404.0-RELEASE+4.3.7
各チェック内容ごとの情報をまとめたGoogleスプレッドシートを公開しています。 アクセシビリティー・チェック・リスト一般公開用 Google Drive上でこのスプレッドシートのコピーを作成してご利用ください。 アクセシビリティー・チェック・リストのバージョン番号について アクセシビリティー・チェック・リストには便宜上バージョン番号を記載しています。本稿執筆時点の最新版では、一枚目のシートのセルA10に記載しています。 V3.0.0以降、バージョン番号は、メジャー・バージョン番号、マイナー・バージョン番号、リビジョン番号の3つの数字をピリオド（.）で区切って記しています。例えば、バージョン番号が3.0.1の場合、メジャー・バージョン番号が3、マイナー・バージョン番号が0、リビジョン番号が1です。 それぞれの番号は、以下に示す方針で更新しています。 メジャー・バージョンチェック・リストの構
WAI-ARIA 1.0 Authoring Practices
How to build accessibility semantics into web patterns and widgets ARIA Authoring Practices Guide (APG) Home Learn to use the accessibility semantics defined by the Accessible Rich Internet Application (ARIA) specification to create accessible web experiences. This guide describes how to apply accessibility semantics to common design patterns and widgets. It provides design patterns and functional
Ameba Accessibility Guidelines
概要 Ameba Accessibility Guidelinesは、Amebaのサービスを利用するユーザーの「誰もがいつでも迷わずコンテンツを楽しむことができる」ようにするための、制作指針集である。 Amebaのサービスに携わるコンテンツや開発者は、高品質なサービスを提供するため、ガイドラインに沿った制作/開発を強く推奨する。 本ガイドラインで掲載している事例や実装方法はAmebaでの事柄である。失敗例で実装していても、WCAG 2.0（2.1）の各項目に適合できる場合もあり、適合・不適合の判断はWCAG 2.0（2.1）を参照のこと。 対象となるサービス 本ガイドラインに準拠するサービス一覧。 各サービス毎に、アクセシビリティ改善プロジェクトの目的と対象とする範囲を定義する。 アメブロ 各項目の構成 適合レベル 達成基準を対応する目的と意義、対応すると得られるメリットなど 具体例 実装
freeeアクセシビリティー・ガイドライン — freeeアクセシビリティー・ガイドライン Ver. 202408.0-RELEASE+5.0.2
このガイドラインは、参考情報の追加や表現の改善などで、随時更新されます。 リリース:Ver. 202408.0-RELEASE+5.0.2 ガイドライン・バージョン：Ver. 202408.0-RELEASE チェックシート・バージョン：5.0.2 更新日:2024年8月20日
GitHub - visible/visible: 🦉 Accessibility testing framework at the next level
🔎 Validation ― Visible can run fully automated validation based on the web standard ACT (Accessibility Conformance Testing) just by putting the URL. The result always comes out with highlighted codes and detailed messages so you can immediately start fixing the problem. 🤖 Suggestion ― Unlike other test tools, we also provide suggestions that may help you to understand the a11y more. Suggestions
freeeが挑戦するインクルーシブデザイン UXリサーチとアクセシビリティの交点とは？ - ポップインサイト
本日はfreeeが挑戦するインクルーシブデザインというテーマでお話させていただきます。インクルーシブデザインについて簡単に説明すると、多くのユーザの中でも普段はメインのターゲットにしないような人から示唆を得て、結果的に皆がより使いやすくなるものにしていくという考え方です。 本日はアクセシビリティというところからはじまり、どのようにインクルーシブデザインに取り組むに至ったのかという経緯をお話していきます。 簡単に自己紹介させていただきますと、私は伊原力也と申します。freee株式会社でデザインリサーチチームというチームのマネージャーをやっています。もともとデザイン会社のビジネス・アーキテクツという会社で13年間、フロントエンドやプロジェクトマネージャーや情報設計、インフォメーションアーキテクトなどをしていました。 そして2017年にfreeeに入社した当初はUXデザイナーをしていたのですが、
Vue.js から考えるアクセシビリティについて - 2019
こちらは、Webアクセシビリティ Advent Calendar 2019 の２１日目の記事です。 Vue.js 開発における Web アクセシビリティ対応にまつわる内容となっております。（英訳記事） この記事は公開から１年以上が経過しています。内容が一部古い箇所があります。 自己紹介 大山奥人（おおやまおくと）と申します。ネット上では、おおやまみちのく、yamanoku と名乗って活動しています。 制作会社の Web デザイナーとして働き出し、株式会社GEEK でマークアップ・フロントエンドエンジニアとして従事した後、2019 年 10 月から株式会社クラウドワークスに在籍しております。 役職は UX エンジニアです。個人ではアクセシビリティ啓蒙も行っています。 著書 これからはじめるwebアクセシビリティ 技術書典で「これからはじめるwebアクセシビリティ」という技術同人誌を発表しまし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
W3Schools.com
noteアクセシビリティ施策｜note公式｜note
The state of accessible web UI frameworks
https://jp.techcrunch.com/2021/09/07/2021-09-03-make-accessibility-part-of-your-startups-products-and-culture-from-day-one/
Zホールディングス株式会社
デザインシステムの設計とアクセシビリティの実現
