Search

Nalezeno "aria": 43

Another Stab at Truncated Text

3.9.2024
Seems like we’re always talking about clipping text around here. All it takes is a little browsing to spot a bunch of things we’ve already explored. Article on Sep 19, 2012 Multi-line Text Overflow Ellipsis accessibility content...

Opera se mění na Operu One. Láká na AI Aria a seskupování stránek

22.6.2023
Při příležitosti stého vydání Opery založené na Chromiu dochází k mírnému rebrandingu prohlížeče. Místo klasické Opery verze 100 přichází Opera One, podobně jako v minulosti to ale neznamená převratné změny. Jde z velké části o marketingovou záležitost, protože v jádru jde o stále stejný produkt,

Unchain My Inaccessibly-Labelled Heart

14.12.2022
Suzy Naschansky from the HTMHell Advent Calendar: <h2 id="article1-heading"All About Dragons</h2<pI like dragons. Blah blah blah blah blah.</p<p<a id="article1-read-more" aria-labelledby="article1-read-more article1-heading"Read more</a</p See that aria-labelledby...

Newer Things to Know About Good Ol’ HTML Lists

28.11.2022
HTML lists are boring. They don’t do much, so we don’t really think about them despite how widely used they are. And we’re still able to do the same things we’ve always done to customize them, like removing markers, reversing … Newer Things to Know About Good Ol’ HTML Lists originally...

Let Us Notis That Ari Is Leaving

9.9.2022
Ari Notis, Kotaku’s primary source for guides, puns, and woefully uncritical games coverage, is leaving us. That absolute bastard.Read more

Collective #703

17.3.2022
What Is ARIA Even For? * Building a loading bar component * Avvvatars * In Defense of Sass The post Collective #703 appeared first on Codrops

A Deep Dive on Skipping to Content

3.8.2021
While most people browsing the web on a computer use a mouse, many rely on their keyboard instead. Theoretically, using a web page with the keyboard should not be a problem — press the TAB key to move the keyboard … The post A Deep Dive on Skipping to Content appeared first on CSS-Tricks....

Making Disabled Buttons More Inclusive

12.5.2021
Let’s talk about disabled buttons. Specifically, let’s get into why we use them and how we can do better than the traditional disabled attribute in HTML (e.g. <button disabled> ) to mark a button as disabled. There are lots of … The post Making Disabled Buttons More Inclusive...

FBI Arrests 6 Free Keene Members Operating Cryptocurrency Exchange

21.3.2021
Six people involved with the Free Keene movement have been arrested and charged for allegedly operating an illegal cryptocurrency exchange business. “They operated their virtual currency exchange business using websites, as well as operating virtual currency ATM machines in...

Otázky k přístupnosti webů – 5

23.2.2021
Jak je to s přístupností mobilního menu z klávesnice? Používáte odkazy “více” a “zde”? Znáte rozdíl mezi aria-label, aria-labelledby a aria-describedby? Je PDF strojově čitelný formát z pohledu zákona o přístupnosti?

What’s New in WCAG 2.1: Label in Name

15.12.2020
WCAG 2.1 Recommendations rolled out in 2018. It’s been a couple years now and there are some new Success Criterion. In this article, I will discuss Label in Name, which is how we visually label components. We’ll take a look at what some failure states look like, how to fix them, and examples of...

Representation Matters

15.12.2020
This year I had the pleasure of re-launching The Accessibility Project. I spend a lot of time researching and writing about accessibility and inclusive design, so this felt like the cumulation of a lot of that effort. The site now uses all sorts of cool web features like CSS Grid, @supports,...

Creating UI Components in SVG

24.11.2020
I’m thoroughly convinced that SVG unlocks a whole entire world of building interfaces on the web. It might seem daunting to learn SVG at first, but you have a spec that was designed to create shapes and yet, still has elements, like text, links, and aria labels available to you. You can accomplish...

How to Create a Timeline Task List Component Using SVG

24.11.2020
I’m thoroughly convinced that SVG unlocks a whole entire world of building interfaces on the web. It might seem daunting to learn SVG at first, but you have a spec that was designed to create shapes and yet, still has elements, like text, links, and aria labels available to you. You can accomplish...

ARIA in CSS

11.11.2020
Jeremey reacting to Sara’s tweet, about using [aria-*] selectors instead of classes when the styling you are applying is directly related to the ARIA state. … this is my preferred way of hooking up CSS and JavaScript interactions. Here’s [an] old CodePen where you can see...

Styling Complex Labels

5.10.2020
Danielle Romo covers the HTML pattern you need when you have a wordy <label> with fancy styling for an <input type="radio">. The trick? The ol’ <span class="hidden-visually"> that contains the label that you want to be read, and a <span aria-hidden="true"> with...

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...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace