Search
HTML: The Inaccessible Parts
29.2.2020
<input type="number", <input type="date", <input type="search", <select multiple, <progress, <meter, <dialog, <details<summary, <video, <div onclick, <div aria-label, <a href<divBlock Links</div</a, aria-controls...
Collective #580
13.1.2020
React-three-fiber v4 * /uses * Goodbye, Clean Code * Aria Tablist * Theme UI Gallery
Collective #580 was written by Pedro Botelho and published on Codrops
Weekly Platform News: HTML Loading Attribute, the Main ARIA Specifications, and Moving from iFrame to Shadow DOM
15.8.2019
In this week's roundup of platform news, Chrome introduces a new attribute for loading, accessibility specifications for web developers, and the BBC moves visualizations to the Shadow DOM.
Chrome ships the loading attribute
The HTML loading attribute for lazy-loading images and iframes is...
Weekly Platform News: Mozilla’s AV1 Encoder, Samsung One UI CSS, DOM Matches Method
21.6.2019
In this week's weekly roundup, Vimeo and Mozilla partner up on a video encoding format, how to bind instructions to to form fields using aria labels, the DOM has a matching function, and Samsung is working on its own CSS library.
The post Weekly Platform News: Mozilla’s AV1 Encoder, Samsung One...
A11Y with Lindsey
13.6.2019
Lindsey Kopacz has a wonderful blog about accessibility. I've seen a number of her articles making the rounds lately and I was like, dang I better make sure I'm subscribed. For example:
An Introduction to ARIA States
3 Simple Tips to Improve Keyboard Accessibility
Create custom keyboard accessible...
Why, How, and When to Use Semantic HTML and ARIA
7.5.2019
Semantic HTML and Accessible Rich Internet Applications (ARIA) help create interfaces that work for everyone in the most performant, robust, and simple way possible. They add essential meaning to your content, which lets web browsers, search engines, screen readers, RSS readers, and ultimately...
Collective #477
17.12.2018
Rallax.js * Pampy.js * Using aria-live * Semi-Conductor * Remove.bg * I Threw Away my Mouse * Public and private class fields
Collective #477 was written by Pedro Botelho and published on Codrops
Accessible SVG Icons With Inline Sprites
7.12.2018
This is a great look at accessible SVG markup patterns by Marco Hengstenberg. Here's the ideal example:
<button type="button">
Menu
<svg class="svg-icon"
role="img"
height="10"
width="10"
viewBox="0 0 10 10"
aria-hidden="true"
focusable="false">
...
5 Most Common Dropdown Use Cases Solved with React Downshift
26.6.2018
Downshift is a library that helps you build simple, flexible, WAI-ARIA compliant enhanced input React components. Its major use case is for buildin
TEST: Váha Fitbit Aria 2 pohlídá vaše hubnutí i množství tuku v těle
14.12.2017
Mezi letošními novinkami od Fitbitu představenými na konci léta se objevila i nová verze chytré váhy Fitbit Aria 2. Umí sledovat nejen vaši hmotnost, ale také tuk v těle a svalovou hmotu. A zvládne vypočítat BMI. Výsledky pak sama přes internet uloží k vašemu účtu.Další články k tématu:TEST: Chytrá...
Computer says NO to HTML5 document outline
9.6.2016
What a brilliant idea! For the longest time HTML5 specified, and advised developers, that it no longer mattered what the number (1 to 6) was in a heading element (when used in conjunction with sectioning elements). What mattered was the nesting level of the H1-h6 in sectioning elements, just like...
The woes of date input
19.1.2016
One of the many new input types that HTML5 introduced is the date input type which, in theory, should allow a developer to provide the user with a simple, usable, recognisable method of entering a date on a web page. But sadly, this input type has yet to reach its full potential. Briefly, the date...
HTML Developers: Please Consider
9.12.2015
ARIA is an amazing technology, it allows developers to add meaning to meaningless HTML or override meaning on HTML that is being repurposed and sometimes misused, so that users who rely upon the meaning of HTML, as implemented in browsers, can understand and interact with HTML User Interfaces...
HTML Developers: Please Consider
9.12.2015
ARIA is an amazing technology, it allows developers to add meaning to meaningless HTML or override meaning on HTML that is being repurposed and sometimes misused, so that users who rely upon the meaning of HTML, as implemented in browsers, can understand and interact with HTML User Interfaces...
On HTML belts and ARIA braces (The Default Implicit ARIA semantics they didn’t want you to know about)
14.4.2015
Updated: 3rd August 2020 The question of whether HTML elements need the addition of ARIA role attributes to expose their semantics, is one that surfaces on a regular basis. The answer is maybe for a subset of elements, but increasingly no. ARIA roles add nothing to default semantics of most...
On HTML belts and ARIA braces (The Default Implicit ARIA semantics they didn’t want you to know about)
14.4.2015
The question of whether HTML elements need the addition of ARIA role attibutes to expose their semantics, is one that surfaces on a regular basis. The answer is maybe for a subset of elements, but increasingly no. ARIA roles add nothing to default semantics of most elements In some cases...
HTML5 – Check it Before you Wreck it with Mike[tm] Smith
9.12.2014
The W3C’s Mike[tm] Smith (AKA @sideshowbarker) is the man with his head in the W3C validation markup checking tool source code; he makes the magic happen. Questions were asked for the HTML5 Doctor reader’s delight and edification. Russian Translation: Не проверив HTML5-кода, не суйся...
The ride to 5
28.10.2014
Forwards In recent weeks I contacted around 40 people, a cross section of those who have banged away at, or banged on about, HTML5. I asked them for their perspectives on HTML5 becoming a W3C Recommendation. Below are the words of the 28 people who responded, pretty much in the order they hit...
The W3C App Manifest specification
29.7.2014
By Marcos Cáceres and Bruce Lawson. Update 26 September 2014 The initial work for Manifest in Chromium M39 is done, and Marcos (more or less) finished coding the processor a few months ago. “I’m hoping to see it in fxos 2.2“, he said from the pool of his gorgeous Malibu home.)...
Using ARIA in HTML
21.6.2014
ARIA (WAI-ARIA if you want to be formal) is a set of attributes that you can add to HTML elements. These attributes communicate role, state and property semantics to assistive technologies via the accessibility APIs implemented in browsers. The W3C HTML specification provides information about...