Search
Facebook chystá brýle s rozšířenou realitou. Project Aria má být ale „něco víc“
21.9.2020
Facebook se naplno pouští do vývoje rozšířené reality. Na tiskové konferenci tento týden oznámil, že spouští nový projekt nazvaný Aria, na jehož konci by mělo být zařízení budoucnosti vybavené právě touto technologií. Nejprve Facebook představí chytré brýle, ale plány má mnohem větší.
Firma
CSS-Only Marquee Effect
5.4.2020
You make sure the text is more than twice the width of the screen, then use negative translate animations to do the marquee movement.
You’ll probably want to aria-hidden all but one of them if you need to duplicate the text. Or, you could use a very clever CSS trick...
Stop Using “Dropdown”
16.3.2020
Adrian Roselli notes that it might actually mean:
A <select> menu
An ARIA Listbox, Combobox, Menu, or Disclosure Widget
An input with a <datalist>
An input with autocomplete
A <details><summary> block
An accordion
Flyout navigation
In my own usage, I tend to mean...
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-кода, не суйся...