Cards


41 bookmarks. First posted by ebv 15 days ago.


Excelente tutorial para hacer Cards accesibles usando :focus-within, el owl selector
tutorial  accessibility  css 
20 hours ago by gorilas
Some of the components I've explored here have specific standardized requirements in order to work as expected. Tab interfaces, for example, have a prescribed structure and a set of interaction behaviors as mandated by the WAI-ARIA specification.
webdev  design  ux 
2 days ago by cjitlal
Other component articles have already explored the advantages of using lists to enhance assistive technology users' experience. Briefly:
Screen readers provide shortcuts to lists and between list items
Screen readers enumerate the items so users know how many are available
a11y  accessibility  css  design  cards  lists  components  focus  focus-within  layout  flexbox  grid  clip 
5 days ago by abberdab
Some of the components I've explored here have specific standardized requirements in order to work as expected. Tab interfaces, for example, have a prescribed structure and a set of interaction behaviors as mandated by the WAI-ARIA specification.
IFTTT  Pocket  zm:reading 
7 days ago by MrMartineau
Some ideas about how to solve problems you might encounter with cards, and how to enhance the interface in ways that are sensitive to a broad range of users.
accessibility  CSS 
8 days ago by chromaphobic
via Pocket
read  pocket 
8 days ago by tricca
Heydon Pickering описывает следующий компонент ― карточки.
UX  patterns  accessibility  tutorials  issue 
8 days ago by jvetrau
via Pocket
Pocket 
9 days ago by LaptopHeaven
Some cards are just illustrated introductions to permalinks like blog posts; others are more autonomous and offer a lot of functionality. In this article, I'll be looking into a few permutations of a simple card component, emphasizing a balance between sound HTML structure and ergonomic interaction.
fridayfrontend  css  inclusive  components  cards  accessibility 
10 days ago by spaceninja
I’ve iterated through several versions of our own card component trying to make it more accessible. Thanks @inclusicomps for this insanely useful guide! https://t.co/3IIu56VN9n #a11y pic.twitter.com/V775Qv5b8x

— Kendrick Arnett (@kendrick) June 8, 2018
ifttt  from:twitter 
11 days ago by kendrick
super detail CSS and JS for creating a card - important use of pseudo content tags and such
card  UXUI  UI  pseudoTag 
11 days ago by ElliotPsyIT
in-depth exploration of writing code for a card. Some of it seems absurd but there is useful stuff to learn
webdesign  web  design  card  code  coding  html  css  semantic  accessibility  accessible 
11 days ago by piperh
Some of the components I've explored here have specific standardized requirements in order to work as expected. Tab interfaces, for example, have a prescribed structure and a set of interaction behaviors as mandated by the WAI-ARIA specification.
It's at your discretion how closely you follow these requirements. Research may show that your audience doesn't do well with a tab interface precisely as recommended. Nonetheless, those requirements are there.
Other components, like the ubiquitous but multivarious card, do not have a standard to follow. There's no <card> element, nor an "ARIA card" design pattern. These are some of the more interesting components to work on. Each potential barrier to inclusion needs to be identified and addressed in turn.
These barriers differ in line with the card's purpose and content. Some cards are just illustrated introductions to permalinks like blog posts; others are more autonomous and offer a lot of functionality. In this article, I'll be looking into a few permutations of a simple card component, emphasizing a balance between sound HTML structure and ergonomic interaction.
a11y  accessibility  components  card-design  webdevelopment  coding 
13 days ago by gwippich
Analysis of cards in an inclusive design model
tips  bestpractices  accessibility  webdev  webdesign  cards 
14 days ago by angusm
RT : 📢 NEW component: A card
💪 Semantic HTML
💪 :focus-within
💪 CSS Grid
💪 And more...

a11y  from twitter_favs
15 days ago by oliver.turner
Favorite tweet:

📢 NEW component: A card
💪 Semantic HTML
💪 :focus-within
💪 CSS Grid
💪 And more...https://t.co/rjW4jHiSqP #a11y

— Inclusive Components (@inclusicomps) June 4, 2018
IFTTT  Twitter 
15 days ago by siggiarni
📢 NEW component: A card
💪 Semantic HTML
💪 :focus-within
💪 CSS Grid
💪 And more...

from twitter_favs
15 days ago by ebv
📢 NEW component: A card
💪 Semantic HTML
💪 :focus-within
💪 CSS Grid
💪 And more...

from twitter_favs
15 days ago by aleksip
📢 NEW component: A card
💪 Semantic HTML
💪 :focus-within
💪 CSS Grid
💪 And more...

a11y  from twitter_favs
15 days ago by ginader