How-to: Use the tabindex attribute - The A11Y Project
Use the tabindex attributeBy: Eric Bailey. Published: January 28, 2021. tabindex is a global attribute that allows an HTML element to receive focus. It needs a value of zero or a negative number in order to work in an accessible way. When tabindex’s value is set to zero or a positive number, the element can be navigated to via the keyboard’s Tab key. When it is set to a negative number, its elemen
A Guide To Keyboard Accessibility: JavaScript (Part 2) — Smashing Magazine
This article is the second of two parts about a guide to making websites accessible to keyboard users. Here Cristian Diaz covers a toolset on JavaScript that you can mix into different components to create a great experience for keyboard users. In the previous article, we talked about how to improve accessibility for keyboard users using HTML and CSS. Those languages can do the job most of the tim
:focus-visible and backwards compatibility - TPGi
Updated March 2023 Clearly visible focus styles are important for sighted keyboard users. However, these focus styles can often be undesirable when they are applied as a result of a mouse/pointer interaction. A classic example of this are buttons which trigger a particular action on a page, such as advancing a carousel. While it is important that a keyboard user is able to see when their focus is
キーボード操作によるインタラクションをチェックする | Accessible & Usable
公開日 : 2017年8月2日 カテゴリー : アクセシビリティ ウェブコンテンツは、障害などの事情で精緻なマウス操作ができない人 (キーボード操作に依存せざるを得ないユーザー) でも利用可能でなければなりません。たとえば、[Tab] キーでフォーカスを移動し [Enter] キーで実行する、上下矢印キーでページをスクロールしたりセレクトメニューを選択する、といった具合です。 このキーボード操作によるインタラクションは、画面を目にしたユーザーの期待 (予測) と合致している必要があります。システムの UI が、ユーザーにとって想定外なフィードバックを返してしまうと (あるいは十分なフィードバックをユーザーに返さないと)、ユーザーはコントロールを失ったような感覚になり、安心してウェブコンテンツを利用することができなくなります。 昨今は、リッチな (動きの演出の凝った) ウェブページが増えてき
はてなエンジニアの愛用キーボード調査（前編） HHKB、Kinesis……人気上位は意外な結果に!? - はてなニュース
エンジニアにとって、重要な仕事道具の一つであるキーボード。キーの配列や打ち心地など、人によってさまざまなこだわりがあります。はてなニュースは今回、「はてなエンジニアの愛用キーボード調査」を実施！ はてなエンジニアに、キーボード選びで譲れないこだわり、メインで使用中の機種を選んだ理由やお気に入りポイントなどについて聞きました。前後編にわたってお送りします！ ■ キーボード選びのこだわりは？ アンケートは、京都・東京両オフィスのWebアプリケーションエンジニア、iPhone・Androidアプリエンジニア、Webオペレーションエンジニア、セールスエンジニアに向けて実施。まずは「キーボードを選ぶ際に譲れないポイント」について、自由記述で回答してもらいました。 その中で特に多く挙がったのは、キー配列が「英語配列」であるということと、「キーの打ち心地」や「キーの位置・有無」に関するこだわり。英語配列
QWERTY配列からの脱却。スマホのために0から考えなおしたHEROキーボード
QWERTY配列からの脱却。スマホのために0から考えなおしたHEROキーボード2015.04.13 11:30 140年の歴史に終止符を。 私たちが普段パソコンでもスマートフォンでも使っているキーボード、実はQWERTY配列といってすごい昔からあるものなんです。どのぐらい昔かというとなんと1873年で、アメリカ人の新聞編集者がタイプライターのために開発したのがはじまり。その配列を今でもスマホで使っているってなんだか非効率でもっと工夫できるんじゃないか、という考えて誕生したのがiPhoneのHERO keyboardです。 このキーボードはまず英語において使用頻度が最も高い9つのアルファベットを抽出し、それらを真ん中に大きく持ってきて、しかも親指が動かしやすいように円形に並べるというように0からデザインし直したものになっています。なんだか斬新すぎてはじめは違和感を感じますが、なんと一回のツイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
When to use tabindex='0' - TetraLogical
What Input?
Sketch Keyboard Shortcuts and Tricks - Design+Code
Engadget | Technology News & Reviews