Unveiling the Magic of Antalya: A Journey Through Exquisite Hotels
Access iQ: Discovering Antalya's Hospitality Gems: Hotels that Elevate Your Tourism Experience A Journey to Antalya - the sun-kissed coastal city that blends ancient history with modern charm - promises a delightful adventure for every traveler. Beyond its stunning beaches and historical landmarks, Antalya beckons with a diverse range of hotels, each offering a unique and captivating experience. W
7 solutions for creating more accessible SVGs » Simply Accessible
When it comes to displaying images online nowadays, designers and developers have plenty of great formats from which to choose. There’s the ubiquitous GIF (Graphics Interchange Format), the universal JPEG (Joint Photographic Experts Group), and the animated SVG (Scalable Vector Graphics), to name just a few. How do you know which one to use in your designs? Are any of these more amenable to creati
Smooth Scrolling And Accessibility | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Smooth scrolling (the animated change of position within the viewport from the originating link to the destination anchor) can be a nice interaction detail added to a site, giving a polished feel to the experience. If you don’t believe me, look at how many people have responded to the Smooth
A11Y Style Guide
This application is a living style guide or pattern library, generated from KSS documented styles...with an accessibility twist. No matter your level of development or accessibility expertise, there are ways to help contribute to the a11y style guide. Why did this project start? We wear a lot of hats as front-end developers. Depending on the client or company you work for, you may be the designer,
Writing JavaScript with Accessibility in Mind — SitePoint
Tips on how to improve the accessibility of your JavaScript components and provide users with more and better ways to interact with your website or web app. This article was originally published on Medium. In my first post Writing HTML with accessibility in mind I explained why and how I got started with web accessibility. I also shared some tips on how you can improve your markup in order to make
Accessible emoji - Tink - Léonie Watson
Emoji help us communicate complex ideas very easily. When used in native apps and applications, emoji are reasonably accessible to screen readers, but on the web we need to do a little more to make sure everyone can understand emoji. An emoji is an ideogram (a picture that represents an idea or concept). Unlike an image that is displayed from a (.png, .gif or .jpg) file, an emoji is displayed usin
aria-current design patterns
The aria-current attribute indicates the element that represents the current item within a container or set of related elements. It is an enumerated type attribute that takes one of a number of predefined tokens ("page", "step", "location", "date" or "time"), or which may be set to "true". aria-current="date" Screen readers should announce "Current date" to indicate that Saturday 16th is the curre
Using the aria-current attribute - Tink - Léonie Watson
It is common on the web for the current thing in a collection to be highlighted visually, but providing an alternative for screen reader users has often involved something of a hack. The aria-current attribute is intended to solve this problem. Common patterns There are several common patterns where the current thing in a group or collection is highlighted visually: The current page/link in a navi
2017年のWebアクセシビリティ | gihyo.jp
あけましておめでとうございます。株式会社ミツエーリンクスの黒澤剛志です。本稿では、昨年に引き続いて、2017年のWebアクセシビリティの短期的な予測を寄稿させていただきます。 WCAG 2.1 WCAG 2.0は2008年にW3Cの勧告（Recommendation）となって以来、国際的なWebアクセシビリティのガイドラインとして使われています。2016年のJIS X 8341-3の改正（JIS X 8341-3:2016）においても、当該JIS規格はWCAG 2.0と一致した内容[1]になりました。 一方で、W3Cの中ではWCAG 2.0以降のガイドラインに関する議論がなされています。大きくはWCAG 2.0の枠組みを維持したまま更新するWCAG 2.1とWCAGなどの枠組みそのものを見直すAccessibility Guidelines 3.0の2つがあります。 まず、WCAG 2.1
テクノロジがもたらす“障害を乗り越える力”--アップルの「アクセシビリティ」とは
Appleは新型MacBook Proを発表した「hello again」イベントの冒頭で、非常に重要なアナウンスをした。それは、「アクセシビリティ」のウェブサイトの立ち上げと、事例の紹介だった。 アクセシビリティは、Mac、iPhone、iPad、Apple TV、そしてApple Watchといったハードウェアと、iOS、macOS Sierra、tvOS、watchOSといったソフトウェア全般に搭載されている機能だ。 それぞれのデバイスとソフトウェアの標準的な機能として、キーボードとマウスやトラックパッド、タッチディスプレイなどを利用できないユーザーに対しても、テクノロジを味方につけることができる使い方を提供している。 Appleは10月27日に英語のウェブサイトを立ち上げているが、11月8日、日本語版のウェブサイトを公開した。 脳性麻痺でもAngry Birdsで遊べる！--スイッ
aria-selected – when (not) to use it
Making websites accessible for everybody can be a really tough job, especially these days when we are going for custom markup solutions. I'm happy that the #a11y (short for accessibility) topic gains more and more interest recently, because #a11y is nothing nice to have, but as James Williamson tweeted today: The biggest misconception about accessibility is that by adding it you're doing somebody
Apple、Google、Amazonの「失敗」に学ぶ、フォーム改善3つのヒント
WebデザインやUXデザインの話題では、アップルやグーグル、アマゾンが大人気。でも、ビジネスが成功しているからといって、常にデザインが正しいとは限りません。フォームにおける問題点と改善案を具体的に示します。 これまでに「アップルのように美しく」「グーグルのようにシンプルに」「アマゾンのように分かりやすく」デザインしてほしい、と言われた経験があるでしょうか？ 優れた技術で有名な企業はクライアントから「ゴール」とみなされ、多くの場合そこから学べます。 とはいえフォームのこととなると「デジタルの巨人たち」にさえ改善が必要な点があります。 アップルとアクセシビリティ クライアントはしばしば最初にアップルを引き合いに出すので、ここでもそうします。アップルはフォームを含め、モダンミニマリスト（フラット）デザインのインターフェイスを提供しています。図1に例を示します。 問題はフォームがときどき「ミニマリ
モバイルアクセシビリティ：WCAG 2.0やその他W3C/WAIのガイドラインのモバイルへの適用 - Qiita
https://www.w3.org/TR/mobile-accessibility-mapping/ の抄訳。Please use it at your own risk. なお、Editor's Draft http://w3c.github.io/Mobile-A11y-TF-Note/ により新しい版があります。内容に大きな差はありませんが、章番号がWCAG2.0と一致させてあったり、1.4 Non-Linear Screen Layoutsが追加になったりしているので、スキを見てまた訳出します。 W3Cの最初の公開ワーキングドラフト 2015年2月26日 （省略。概要、ドキュメントのステータス、目次。のちに訳出予定） 要旨 このドキュメント「モバイルアクセシビリティ：WCAG 2.0やその他W3C/WAIのガイドラインのモバイルへの適用」では、WCAG2.0とその原則、ガイドライ
Alternative Text and Images | bitsofcode
The most accessible format for any content on the web is plain text. Plain text is incredibly malleable, it can be altered in ways to cater to almost any disability. For users with no visual difficulties, they can simply read the text. If a user has visual impairments, the text can be converted to speech. Even if a user has both visual and auditory difficulties, plain text can be converted to brai
2020東京オリンピック・パラリンピックとウェブアクセシビリティ
この件について日経ITProからインタビューを受けていたが、今日付で記事が配信された。「記者の眼 2020年、アクセシブルなWebで訪日客を迎えよう」をご一読いただきたい。 記事はよくまとめられているが、僕の発言のすべてが掲載されているわけではない。そこで、僕の主張の要点を以下に記しておく。 アクセシビリティというと障害者への対応と限定的に考える人がいるが、対象は非常に広い。実際、ウェブアクセシビリティJISは、「アクセシビリティは，視覚，聴覚，身体，発話，認知，言語，学習及び神経の障害を含む，広範な障害に関係している。」と規定する。訪日客は日本語ができないという点で「一時的な障害者」である。 訪日客の母国語はまちまちだが、各国で母国語と英語の間の機械翻訳の研究が進んでいる。したがって、平易な英語テキストで情報をウェブに掲載すれば、機械読み取りして、高い精度で母国語に翻訳できる。ウェブ提供
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How Current Design Trends Impact Web Accessibility
Setting VoiceOver Focus with JavaScript
Tools for Developing Accessible Websites | bitsofcode
WYSIWYG HTML Editor with Collaborative Rich Text Editing
Tumblr