ウェブアクセシビリティ (略語: A11Y、Accessibility の A から Y までの間に 11 文字が挟まれているため、このように略す) は、身体的および技術的な制約によらず、ウェブサイトを使いやすく保つためのベストプラクティスです。ウェブアクセシビリティは、W3C の Web Accessibility Initiative (略称: WAI) によって、標準化と議論がされています。
PayPal EngineeringブログでBootstrapフレームワークをよりアクセシブルにするBootstrap Accessibility Pluginの紹介記事が公開されています。Bootstrap Accessibility PluginはBootstrap 3向けのプラグインで、いくつかのウィジットに対するキーボード操作の強化やWAI-ARIAのサポートなどが追加されます(他にもalertウィジットのコントラスト比が向上します)。 例えば、tabウィジット(タブ)はBootstrap Accessibility Pluginによって自動的にWAI-ARIAの属性が追加され、タブとしての意味をもつようになります。それにあわせ、タブを切り替える操作も変更されています。もともとのBootstrapではタブのつまみ部分にフォーカスをあてている状態でTabキーを押して隣のつまみに移動し
Social Accessibility is an experimental project to improve Web accessibility by using the power of community.Social Accessibility is an experimental project to improve Web accessibility by using the power of community. (Project Details) Try as a guest Are you interested in our project? You can participate in basic activities without registration!
こんにちは、FRESH! のフロントエンドを担当しているますぴー(masuP9)です。今回は2017年11月11日(土)に開催した、「Japan Accessibility Conference(JAC)」〜アクセシビリティのこれまでとこれから〜のレポートをお届けいたします。 今回のカンファレンスは当社と、ヤフー株式会社、サイボウズ株式会社、freee株式会社の4社共催で開催し、当社からは私とアメブロのフロントエンドエンジニアtokimariが登壇致しました。 Japan Accessibility Conference(JAC)とは 国内最大級、最大規模のアクセシビリティカンファレンスと題して行われた本カンファレンスは、(Web)アクセシビリティに関する様々なテーマのセッションを集めたカンファレンスです。当日のセッションについては、資料と共に動画でもFRESH!で公開しています。気になる
Quick Form Builder A complete re-write/re-think of the old Accessible Form Builder tool. Give it a try! Open Quick Page Accessibility Test Here's a handly little tool that uses a bookmarklet/favelet to give a quick analysis of any web page, highlighting definite issues, warning about possible issues and also highlighting areas that could benefit from some ARIA enhancements. Open
“Can we make it AAA-compliant?” – does this question strike fear into your heart? Maybe for no other reason than because you will soon have to wade through the impenetrable WCAG documentation once again, to find out exactly what AAA-compliant means? I’m not here to talk about that. The Web Content Accessibility Guidelines are a comprehensive and peer-reviewed resource which we’re lucky to have at
For years now, we've used a number of techniques for hiding content offscreen for accessibility purposes. We do this because the content is still accessible to screenreaders while being removed from the interface for sighted users. An article over at Adaptive Themes reviews a number of techniques for hiding content that were considered for inclusion on a Drupal 7 project (but certainly applicable
Neumorphism is predicted to be one of the top 2020 UI design trends. You might have seen it everywhere as a Dribbble shot. Neumorphism is a play on words based on New + Skeuomorphism. It is a style that uses blur, angle, and intensity of an object’s shadow to highlight the object. It’s a design that looks realistic, futuristic, modern, appealing and extremely breathtaking due to its soft shadow an
Explore tools designed to enhance the sounds you hear, or help you stay connected without hearing a sound. Captions can help everyone, including people who are deaf or hard of hearing. Live Captions offer real-time, on-device-generated transcriptions of conversations so you can follow along with auditory and visual media including Phone and FaceTime calls, as well as content from the web, securely
2017年5月18日、神戸で開催した「アクセシビリティの祭典」に参加してきました。この日は「Global Accessibility Awareness Day」ということで、毎年行われているイベントで、今回は第三回目ということもあり参加者も100名以上とたいへん盛況なイベントでした。メモを頼りに振り返ってみたいと思います。 神戸市ホームページの取り組み リリース当初から Bing 風の検索窓しかない自治体サイトとして話題になった神戸市のホームページ。広報課の中務さまや関わった方々からの説明や背景を聞くことができました。当初から、検索向上・情報発信力・デザインの向上をねらったリニューアルとして、「デザインの神戸」を発信していく姿勢で取り組まれていたこと、そしてその取り組みは市民の評価をもとにされているという点が印象的でした。 トップページの検索キーワードのサジェストはサイト内検索をみて調整
You make the web more inclusive for everyone, everywhere, when you design with accessibility in mind. Let Laura Kalbag guide you through the accessibility landscape: understand disability and impairment challenges; get a handle on important laws and guidelines; and learn how to plan for, evaluate, and test accessible design. Leverage tools and techniques like clear copywriting, well-structured IA,
Successful web accessibility is about anticipating the different needs of all sorts of people, understanding your fellow web users and the different ways they consume information. Armed with this understanding, accessibility becomes a cold, hard technical challenge. How do assistive technologies present a web application to make it accessible for their users? Where do they get the information they
IBM Research 東京基礎研究所 研究紹介 Human Computer Interaction IBM Accessibility Internet Browser for Multimedia (aiBrowser) aiBrowser("アイブラウザー")は、動画等のマルチメディアをコントロールする機能と、ユーザが注釈を追加して作ることのできる代替インタフェースを提供する、 視覚障害者のためのインターネットブラウザです。 最近のウェブ環境では、直感的かつ視覚的効果の高い表現が急速に多様化しています。 マルチメディア・コンテンツはその代表的な例です。しかしながら、スクリーンリーダ利用者にとって、こうしたマルチメディア・コンテンツにアクセスすることはとても難しいというのが現実です。 aiBrowser は、動的に変化するコンテンツを含むマルチメディア・コンテンツが、画像を見たりマ
先日のtry! Swift 2024にて「Accessibility APIを使ってアプリケーションを拡張する」という発表をしました。 tryswift.jp スライド: speakerdeck.com 台本とアニメーション付きのスライド: github.com サンプルコード: github.com Accessibility APIとはUIテストや自動化システムなどで使われている、別のプロセスからアプリケーションの情報を読み取ったりボタンを押したりなど操作することができるAPIです。 スクリーンリーダーやボイスオーバーなどで自身のアプリケーションを操作可能にすることもAccessibility APIの役割ですが、今回は自身をアクセシブルにすることではなく他のアプリケーションを操作することで機能を付け足したりできる、ということを題材にお話ししました。 VS Codeや一部のIDEではA
Introduction How do people who cannot move their arms use your website? What about people who cannot see well or at all? Or people who have difficulty hearing or understanding, or have other disabilities? This resource introduces how people with disabilities, including people with age-related impairments, use the Web. It describes tools and approaches that people with different kinds of disabiliti
Single page applications, Angular.js and accessibility Developers face pretty specific challenges when creating a highly accessible single page application (SPA) user experience. This in-depth tutorial outlines some best practices and accessibility challenges common to SPAs (and specifically Angular apps) so you can build an SPA that works for everyone. How to make usable Angular.js projects We’ve
ウェブ開発におけるアクセシビリティとは、何らかの理由により能力に制約がある場合でも、可能な限り多くの人々がウェブサイトを使用できるようにすることを意味します。この記事では、アクセシビリティを考慮したコンテンツを開発するための情報を提供します。 多くの人にとって、技術は物事を容易にします。障碍のある人にとっては、テクノロジーは物事を可能にしてくれます。アクセシビリティとは、個人の身体的・認知的能力やウェブへのアクセス方法に関わらず、可能な限りアクセス可能なコンテンツを開発することです。 「ハードウェア、ソフトウェア、言語、文化、所在地、物理的/精神的能力にかかわらず、ウェブは基本的にすべての人に向けて設計されています。ウェブがこの目的を達成できると、さまざまな聴力、視力、認知能力をもつ人々がウェブにアクセスできるようになります。」 (W3C - Accessibility) MDN のアクセ
Many User interface widgets can be developed using HTML, CSS and JavaScript, in some cases developers build custom versions of native HTML controls because they cannot achieve the exact look and feel or behaviour they desire with a native control. Where ever possible it is recommended that native HTML controls be used over custom controls as their accessibility support is likely to be more robust
Truwex manages website compliance with web accessibility, online privacy, and quality standards. Truwex is a web governance and testing solution, all in one product. Web compliance managers can use Truwex to: Define a uniform website standard. Monitor compliance status and automatically generate reports for upper management. Set action items for website owners and web developers. Web develope
arXiv’s goal is equitable access to scientific research for all – and to achieve this, we have been working to make research papers more accessible for arXiv users with disabilities. We are happy to announce that as of Monday, December 18th, arXiv is now generating an HTML formatted version of all papers submitted in TeX/LaTeX (as long as papers were submitted on or after December 1st, 2023 and HT
The Web Platform has a long history of features that developers can use to make their web content accessible to users with disabilities, from the alt attribute on images to the entirety of [[!WAI-ARIA]]. Accessibility is used by a variety of assistive technologies, including screen readers and magnifiers for visually impaired users, and switch access software and speech-controlled software for mot
Experimental Evaluation of Usability and Accessibility of Heading Elements Why did I carry out this experiment? Resarch-Based Web Accessibility is important. Guidelines are developed mainly by discussion. But we need enough evidence (academic approach): experimental approach non-experimental approach (social approach, ecological validity) technological approach I want to evaluate the effect of hea
Webサイトのアクセシビリティを高めるための方法や国内外の関連情報など、さまざまな角度からWebアクセシビリティに関する話題をご提供していきたいと思います。 2006年12月13日 Authoring Tool Accessibility Guidelines(ATAG) アクセシビリティ・エンジニア 中村 情報アクセシビリティ国際標準化セミナー2006のエントリー内、質疑応答の部分で予告があったことをお伝えしておりましたが、その予定通りにAuthoring Tool Accessibility Guidelines(ATAG) 2.0 Working Draftの最新バージョンが12月7日に公開されました。ひとつ前のバージョンが2005年11月23日付けですので、約1年ぶりのアップデートということになります。 当BlogではWeb Content Accessibility Guidel
You can quickly turn many accessibility features on or off using a keyboard shortcut, the menu bar, Control Center, or Siri. You can use a keyboard shortcut to open the Accessibility Shortcuts panel, where you can turn accessibility features on or off. Press Option-Command-F5. Or, if your Mac or Magic Keyboard has Touch ID, quickly press Touch ID three times. In the panel, select the features you
Accessibility Standards and Guidelines The BBC HTML Accessibility Standards and BBC Mobile Accessibility Standards and Guidelines outline the requirements and recommendations necessary for ensuring the BBC’s digital products are accessible to the widest possible audience. They cover the technical aspects of accessibility and some user experience guidelines where these cross-over with technical imp
IAccessibleEx インターフェイスを使用して既存の Microsoft Active Accessibility サーバーに UI オートメーションを追加する 更新日: 2009 年 4 月 28 日 ダウンロード PDC08_IAccessibleEx_Interface_for_Adding_UI_Automation_to_Existing_Microsoft_Active_Accessibility_Servers_JPN.docx (Word 形式、63 KB) 目次: はじめに IAccessibleEx インターフェイス 実装 実装のサンプル シナリオ シナリオ 1: Microsoft Active Accessibility サーバーに対して IAccessibleEx インターフェイスを使用し UI オートメーションを実装する シナリオ 2: Microsof
There are new versions of Adobe Acrobat Reader for Android and iOS and included are improvements for accessibility. More information is available in the Adobe Document Cloud blog post: Adobe Improves Support for Accessible PDF Documents on Mobile Devices. To try the improvements out yourself, you can download Adobe Acrobat Reader for Android or Adobe Acrobat Reader for iOS on your mobile device to
When given the choice between an accessible bathroom or a non-accessible one, many people would pick the accessible one: there’s more space, it’s more comfortable, it’s a no-brainer. Digital products are the same. When given the choice, people naturally prefer what’s easier for them to use, to read, or to understand. But designers tend to be reluctant to follow accessibility standards — the design
The Lightbox effect is showing up pretty much everywhere on the web these days. There are approximately one million different implementations that basically do the same thing: when the user clicks on an image, the screen is dimmed and a larger version of the image is displayed until the user closes it by clicking a ”Close” link or icon. Many people love this effect, and it definitely can be very u
W3C Web Standard Defines Accessibility for Next Generation Web Collaborative Effort Results in More Flexible and Testable Standard; Advances Accessibility of the Web Testimonials http://www.w3.org/ -- 11 December 2008 -- Today W3C announces a new standard that will help Web designers and developers create sites that better meet the needs of users with disabilities and older users. Drawing on exten
macOS Sonoma macOS Sonoma Come for the power. Stay for the fun. With macOS Sonoma, work and play on your Mac are even more powerful. Elevate your presence on video calls. Access information in all-new ways. Boost gaming performance. And discover even more ways to personalize your Mac. Stunning new screen savers New slow-motion screen savers of breathtaking locations from around the world look beau
Recent regulatory developments have helped provide greater clarity on requirements for digital accessibility in the US healthcare sector. This post clarifies each rule.
ARIA role=alert is supported across modern browsers and assistive technology, but implementation in browsers differ, which can lead to role=alert appearing to be unsupported. role=alert what does it do? When an element has a role=alert is displayed it triggers an alert event in the browsers implemented accessibility APIs. This is picked up by assistive technology (AT) and the text content of the e
It looks like you've found one of my older posts 😅 It's possible that some of the information may be out of date (or just plain wrong!) If you've still found the post helpful, but feel like it could use some improvement, let me know on Twitter. As the sites we build increasingly become more app-like it's important that the platform keep up and give component authors the tools they need to build r
In last year’s Windows 10 Anniversary Update, we introduced a new architecture for web accessibility, enabling a more accessible web with Microsoft Edge. With this dramatically improved foundation, we’ve been hard at work improving the experience even more in EdgeHTML 15 and the Windows 10 Creators Update. This post details the web platform accessibility improvements introduced with EdgeHTML 15 in
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く