Table of Contents Abstract JavaScript is the one language that works on all web enabled devices! JavaScript is everywhere and essential for making modern websites and apps accessible. Modern screen readers have excellent support for WAI-ARIA. Learn to use the W3C's WAI-ARIA spec to create modern HTML & JavaScript web applications. See how ARIA enhancements work in different combinations of the new
Presentation: Accessibility in a Responsive World, A11Y Days 2017 | Filament Group, Inc., Boston, MA
Presentation: Accessibility in a Responsive World, A11Y Days 2017 Posted by Scott Jehl 05/16/2017 This April, I was thrilled to be given the opportunity to present at Funka’s annual Accessibility Days Conference in Stockholm. The following is a transcript and slides from my presentation, Accessibility in a Responsive World. Good afternoon, everyone! It’s such an honor for me to be here in Stockhol
When assessing how accessible your website or app is, auditors will likely want to look at whole pages. But perhaps most of what you are working on is individual components. I mean, this is how lots of companies work nowadays. Can pattern libraries be tested for accessibility? And if so, what do we test? In this post I will address those questions and look at accessibility testing in different lev
The Potentially Dangerous Non-Accessibility Of Cookie Notices — Smashing Magazine
Cookie consents — whatever your opinion is regarding them — are ubiquitous and possibly even a legal risk for your webpage. In addition to their privacy implications, they have the potential to violate web accessibility laws as well. In this piece, a Web Content Accessibility Guidelines (WCAG) auditor shares some cookie banner error patterns that can massively hurt a page’s overall conformance. Le
This is the fifth in a multipost series about the immediate and likely future of web accessibility. Each week or so I’ll discuss a different upcoming technology, tag, platform, or system from an accessibility perspective. Additions, corrections, or further thoughts are welcome in the comments. Previous posts: HTML5 <video>, HTML5 Semantic Elements, New <input> Types in HTML5, HTML5 <input> Extensi
In preparation for Global Accessibility Awareness Day, the Pulsar team has been on an accessibility kick recently, doing various things to improve the accessibility of the Pulsar design system and the software it serves. I took some time to experiment with a handful of popular accessibility testing extensions and tools which we use to validate the accessibility of our user interfaces. These tools
ソーシャル・アクセシビリティはコミュニティの力を使ってウェブ・アクセシビリティの向上を図る実験プロジェクトです。ソーシャル・アクセシビリティはコミュニティの力を使ってウェブ・アクセシビリティの向上を図る実験プロジェクトです。 （プロジェクトの詳細）
Accessibility - Vision
If you’re blind, have low vision, or just prefer larger text, these features help you customize your display, control your devices, or navigate your surroundings. VoiceOver is an industry‑leading screen reader that tells you exactly what’s happening on your device. Auditory descriptions of elements help you easily navigate your screen through simple gestures on a touchscreen or trackpad or a Bluet
Free User Experience books (Interaction design, HCI, web accessibility & Information Architecture) - The UX Bookmark
Free User Experience books (Interaction design, HCI, web accessibility & Information Architecture) Here is a list of free User Experience books for you to enjoy. Free to read online books on Interaction Design Search User Interfaces– by Marti A. Hearst Web Style Guide– by Patrick J. Lynch and Sarah Horton Designing Interfaces– by Jenifer Tidwell (Most of the book is available online, not all of it
This document explains the technical details behind Chrome accessibility code by starting at a high level and progressively adding more levels of detail. Please read the accessibility overview first. Accessibility for a simple (non-browser) applicationAs described in the overview, every platform has its own accessibility APIs that are used by both assistive technology and sometimes by automation s
2023年12月 (1) 2023年11月 (116) 2023年10月 (79) 2023年9月 (28) 2023年8月 (7) 2023年7月 (6) 2023年6月 (101) 2023年5月 (229) 2023年4月 (201) 2023年3月 (206) 2023年2月 (147) 2023年1月 (193) 2022年12月 (146) 2022年11月 (54) 2022年10月 (1) 2022年9月 (1) 2022年8月 (1) 2022年7月 (3) 2022年6月 (1) 2021年9月 (1) 2021年8月 (8) 2021年6月 (3) 2021年4月 (4) 2021年3月 (6) 2021年2月 (1) 2021年1月 (3) 2020年12月 (2) 2020年11月 (2) 2020年10月 (5) 2020年9月 (12) 2020年8月 (40
I care pretty deeply about accessible design. I wouldn’t call myself an accessibility specialist, mind you, but I’ve always felt that “designing for the web” means ensuring our work is accessible as broadly as possible. Not just accessible to differently-sized screens, but for people who might not browse the web like I do. Lately, I’ve been reflecting on some of the language I use to talk about ac
Basic screen reader commands for accessibility testing - TPGi
Updated 1st Feb 2016. When you test your website with a screen reader there are a few basic commands you should know. Just remember not to make design decisions based only on your tests. Even with these useful screen reader commands, you won’t experience things in the same way as a person who uses a screen reader all the time. There isn’t much information available about the platforms, devices and
HTML Accessibility API Mappings 1.0草案からわかるテキストレベルの意味問題 | アクセシビリティBlog | ミツエーリンクス
2015年4月23日 HTML Accessibility API Mappings 1.0草案からわかるテキストレベルの意味問題 アクセシビリティ・エンジニア 黒澤 去る4月7日、W3CはHTML Accessibility API Mappings 1.0草案を公開しました。なお、この仕様は以前、HTML to Platform Accessibility APIs Implementation Guideと呼ばれていました。 さて、HTML Accessibility API Mappingsは、ブラウザーなどが、HTMLの意味（セマンティクス）などをスクリーン・リーダーなどの支援技術に対してどのように提供すべきかを定めた仕様です。支援技術は、ブラウザーから提供される情報をもとに利用者に情報を提供しているため、ブラウザーが提供する情報が十分でなければ、ページの出来が良くても利用者に適
When I first started learning web development I thought hiding content was simple: slap display: none; onto your hidden element and call it a day. Since then I’ve learned about screen readers, ARIA attributes, the HTML5 hidden attribute, and more! It’s important to ensure our websites are accessible to everyone, regardless of whether or not they use a screen reader, but with this myriad of options
Web Content Accessibility Guidelines（ウェブコンテンツ・アクセシビリティ・ガイドライン、略称：WCAG）は、ウェブのコンテンツを障害のある人に使いやすいようにするためのウェブアクセシビリティに関するガイドラインである。インターネットのための主要な国際標準化機構であるWorld Wide Web Consortium（W3C）のWeb Accessibility Initiative（WAI）によって公開されている。 WCAGの目指すところは主要な障害者に配慮することであり、その結果ほとんどの利用者にとっても使いやすい内容となる。また、技術にも依存しない内容となっている。従って、携帯電話のような非常に機能の限られたデバイスでも、アクセシブルなコンテンツとなる。 2022年現在のバージョンは、2018年6月にWCAG 2.1として公開されている。また、1つ前
Accessibility problems with microformats By guest blogger Sarah Bourne, Chief Technology Strategist for the Commonwealth of Massachusetts. In a recent posting here on The future of RDFa, I described some of the advantages of RDFa compared with some of the disadvantages of microformats. When Massachusetts Commonwealth Mass.gov Chief Technology Strategist Sarah Bourne posted a comment about problems
[Study] Is Web Accessibility Key to Driving Organic Traffic?
en EnglishEspañolDeutschFrançaisItalianoPortuguês (Brasil)Русский中文日本語 [Study] Is Web Accessibility Key to Driving Organic Traffic?January 25, 2023Many marketers operate on the assumption that web accessibility increases SEO. In collaboration with AccessibilityChecker.org and BuiltWith, we set out to prove the claim by analyzing over 800 websites. The study suggests that digital accessibility is p
![[Study] Is Web Accessibility Key to Driving Organic Traffic?](https://cdn-ak-scissors.b.st-hatena.com/image/square/6d47007c8b30c02215f4163ad5a36433253b3fdf/height=288;version=1;width=512/https%3A%2F%2Fstorage.googleapis.com%2Fnewsroom-prod-static-storage%2Foriginal_images%2Fweb-accessibility-study.png%3FX-Goog-Algorithm%3DGOOG4-RSA-SHA256%26X-Goog-Credential%3Dstorage%2540newsroom-prod-tf.iam.gserviceaccount.com%252F20230507%252Fauto%252Fstorage%252Fgoog4_request%26X-Goog-Date%3D20230507T005804Z%26X-Goog-Expires%3D86400%26X-Goog-SignedHeaders%3Dhost%26X-Goog-Signature%3D2e089f10efdde90233ad46ee16b5bc0164f237789fcfb3e684df46ae1edc4348a8a5e1c9f58a46cada09f6ba0cdea2c9bfc601e857f2856380b2e4961be31cf0f37b3045bafb7106688fc8f440a9c96d43e24f3135707da1a0a860bd82a5f5c37d18b3244e52d2a9c32c38f0588f4ff3925a7ac8bdf9b6746cb33caab29bf722327c8c303851b2a062be36c901e336aef120ae9201bd576fa6dd3bc6e8de15fe2ab3641dc83ff9d065a754c07639809e823189997031c38bde5c381174120a2880147a9f37a51656cfba4c5a869845b18bce66d55a874acaf89302db256ccf7b4df080858da05eb7d5a31aff916389e32cf3c821641283eda95a835fcfae2bb5)
Accessibility drives aesthetics
There’s an article circulating that claims accessibility and aesthetics are at odds with each other, creating a paradox that forces us to compromise. Here’s why I find that belief completely and utterly false: That is a false equivalenceThe article claims that if we are “too accessible,” we will meet the needs of the minority but end up hurting those of the majority. This creates a false equivalen
Adjust the onscreen and external keyboard settings for accessibility on iPhone
iPhone User Guide Welcome Introducing iPhone iPhone models iPhone models compatible with iOS 18 iPhone XR iPhone XS iPhone XS Max iPhone 11 iPhone 11 Pro iPhone 11 Pro Max iPhone SE (2nd generation) iPhone 12 mini iPhone 12 iPhone 12 Pro iPhone 12 Pro Max iPhone 13 mini iPhone 13 iPhone 13 Pro iPhone 13 Pro Max iPhone SE (3rd generation) iPhone 14 iPhone 14 Plus iPhone 14 Pro iPhone 14 Pro Max iPh
AccessibilityGuidesAccessibility information for web authorsAccessibility: What users can do to browse more safelyAn overview of accessible web applications and widgetsKeyboard-navigable JavaScript widgetsMobile accessibility checklistUnderstanding the Web Content Accessibility GuidelinesCognitive accessibilityAccessibility and Spacial PatternsWeb Accessibility: Understanding Colors and LuminanceW
Easy ARIA tip #2: aria-labelledby and aria-describedby - Marco's Accessibility Blog
Sorry it took me so long to get back to it, but here it is, my second tip on the usage of some easy ARIA markup to make your sites more accessible. Imagine this: You have a form where you ask your user a question, but the answer is actually part of the sentence the question is made of. A classic example we all know from our browser settings is the setting “Delete history after x days”. “Delete his
Making Accessibility Simpler, With Ally.js — Smashing Magazine
Rodney Rehm understood that ARIA could help him write web applications without having to bike-shed class names for various states. You can care about accessibility issues without being affected by a disability yourself. In many ways, making your apps and sites accessible benefits everyone. ally.js helps you accomplish that. ally.js is positioning itself as a center for collaborating on accessibili
Matt Smith on Twitter: "I snuck this little #CSS gem into a project stylesheet to help the team remember #accessibility. 😎 #WebDev https://t.co/48kMmTaPoW"
I snuck this little #CSS gem into a project stylesheet to help the team remember #accessibility. 😎 #WebDev https://t.co/48kMmTaPoW
Web Accessibility Toolbar 2012J［ベータ版］ 「Web Accessibility Toolbar 2012J」は、WebブラウザのInternet Explorerのツールバーです。Internet Explorerで表示しているWebページのアクセシビリティを、様々なメニューでチェックすることができます。 このソフトウェアは、WAT-C(Web Accessibility Tools Consortium)が開発し、株式会社インフォアクシアが日本語版ローカライズを担当しています。 Webページのアクセシビリティ・チェック 「Web Accessibility Toolbar 2012J」では、次のような機能を提供しています。 HTMLソースコードのバリデーション（HTML5もチェック可能） h1～h6要素でマークアップされている見出しを表示 画像の代替テキ
車椅子を利用する障害者に“最適な通行ルート”を地図に表示する「Accessibility View」、サンパウロでプロジェクトが進行中 | Techable(テッカブル)
健常者にとっては、歩くのに何ら問題のない道であっても、身体に障害があり車椅子で移動する人にとっては、ちょっとしたでこぼこや段差でも、通行するのに大きな妨げとなる。ブラジルの大都市サンパウロでも、でこぼこのないフラットな道ばかりというわけではなく、車椅子の通行に支障を来たすケースも少なくない。そんな問題を解決するために考案されたのが、Eduardo Battiston氏が進める「Accessibility View」プロジェクトだ。 このプロジェクトは、Googleが開催した“Creative Sandbox”キャンペーンで、ブラジル国内から集まった4500以上の企画アイデアの中から選ばれて見事優勝した。「Accessibility View」は、“Google Map”と“Street View”のテクノロジーを活用し、サンパウロ内において、車椅子の人々が移動しやすい最適のルートを地図上に
Apple previews Live Speech, Personal Voice, and more new accessibility features
Apple introduces new features for cognitive accessibility, along with Live Speech, Personal Voice, and Point and Speak in Magnifier New software features for cognitive, speech, and vision accessibility are coming later this year Apple’s new accessibility features, including Assistive Access, Live Speech, and more, will arrive later this year. CUPERTINO, CALIFORNIA Apple today previewed software fe
Web Accessibility Solution for ADA Compliance & WCAG - accessiBe
Is your website ADA compliant? Find out in seconds!Get a free, professional web accessibility audit to learn where you stand Run audit now
Authoring Tool Accessibility Guidelines (ATAG) 2.0 日本語訳
Authoring Tool Accessibility Guidelines (ATAG) 2.0は、障害のある著者がよりアクセスしやすく（パートA）、そしてすべての著者に対してよりアクセシブルなウェブコンテンツの制作を可能にし、サポートし、促進するように設計された（パートB）ウェブコンテンツオーサリングツールを設計するためのガイドラインを提供する。ATAGの技術的な資料や教育資料に関してはAuthoring Tool Accessibility Guidelines (ATAG) Overviewを参照。 W3C Recommendation of ATAG 2.0 This is the Authoring Tool Accessibility Guidelines (ATAG) 2.0 W3C Recommendation of 24 September 2015 from the
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Modern Web Accessibility with JavaScript & WAI-ARIA
Testing the accessibility of pattern libraries
WebAIM: Future Web Accessibility: SVG
Which accessibility testing tool should you use?
Social Accessibility Project
Chromium Docs - How Chrome Accessibility Works
Google、アプリの見やすさや使いやすさに関する改善案を提供する新アプリ「Accessibility Scanner」をリリース | juggly.cn
Accessibility is not a feature. — ethanmarcotte.com
See No Evil: Hidden Content and Accessibility
Web Content Accessibility Guidelines - Wikipedia
Accessibility problems with microformats - bobdc.blog
WAI-ARIA Roles - Accessibility | MDN
On popover accessibility: what the browser does and doesn’t do
Web Accessibility Toolbar 2012J｜エー イレブン ワイ ［WebA11y.jp］