Skip to main content

Search

Items tagged with: html

RE: front-end.social/@piccalilli/1…

Hello #WebDev and #frontend folks,

I wrote a couple of words about a certain #html attribute you might not need.

piccalil.li/blog/you-might-not…

Thank you once again @piccalilli for having me and special thanks to @heydon for your much appreciated feedback! ❤️

#a11y #accessibility #css #blog


You might not need role="presentation"

Steve Frenzel shares some sage advice on correctly using this role and value combination by showing questionable examples, followed by some better approaches. Spoiler: the better ones are the simple ones.
Piccalilli
#webdev #blog #html #css #accessibility #a11y #frontend @Large Heydon Collider @Piccalilli

The early Web had a quality that has been lost ever since: it was *simple*

Download #httpd , #netscape write some #html by hand and boom, the concept of a networked digital society is born.

It first started going pear shaped with #LAMP . The complexity of a full blown database was not justified for most use cases. As proven decades later by the popularity of #sqlite and #ssg approaches.

The final blow was when #bigtech got into the act. Immense complexity for the simplest things became a moat

#html #BigTech #ssg #netscape #lamp #httpd #sqlite

This is frustrating because the unnamed people advising that were wrong. It confuses trapping page focus in a modal to blocking users from using the rest of their browser. Also, ugh APG.

css-tricks.com/there-is-no-nee…

If you find someone advising it, be wary of their UI / accessibility chops.

#HTML #accessibility #a11y

And I was surprised — accessibility advice around modals have commonly taught us to trap focus within the modal. So this seems wrong to me. Upon further research, it seems like we no longer need to trap focus within the <dialog> (even in modal mode). So, the focus-trapping is deprecated advice if you use <dialog>.

There is No Need to Trap Focus on a Dialog Element | CSS-Tricks

Accessibility advice around modals have commonly taught us to trap focus within the modal. Upon further research, it seems like we no longer need to trap focus within the (even in modal mode).
Zell Liew (CSS-Tricks)
#html #accessibility #a11y

Hello, I need technical assistance.

I am very interested in #smolweb. I would like to convert my old #wordpress blog about #bikepaking http://https://

tour2fer.wordpress.com into a

#static_site smolweb #html

I'm not a developer, even though I coded my smolweb site myself. I don't know how to use #git

I'm willing to code the pages by hand, but I'd like to find some kind of template so that my #blog posts are automatically integrated into my static site.

Help (and retoot) welcome!

#git #Wordpress #blog #html #smolweb #static_site #bikepaking

Bonjour, j'ai besoin d'aide technique.
Je m'intéresse fortement au #smolweb. Je souhaite convertir mon ancien blog #wordpress de #randonnee à #vélo http://tour2fer.wordpress.com en #static_site smolweb #html
Je ne suis pas dev, même si j'a codé mon site smolweb moi même. Je ne sais pas me servir de #git
Je suis pret à coder les pages a la main, mais j'aimerais trouver une sorte de template pour que mes articles de #blog soient automatiquement intégrées a mon site static.
Help (et repouet)

Tour 2 Fer

velo love voyage
Tour 2 Fer
#git #Wordpress #blog #html #smolweb #randonnee #velo #static_site

I tried a few and they all sounded like alt-rock band names 😄

#css #color #html #web

#web #html #css #color

RT @vitalyf@twitter.com

A11yphant (a11yphant.com), a great little tool to learn accessibility, one step at a time, with a few easy, medium and hard challenges. #accessibility #html #css

🐦🔗: twitter.com/vitalyf/status/159…

A screenshot of a11yphant, a game that teaches developers the basics of web accessibility.

a11yphant

a11yphant is the easy way to learn the basics of web accessibility. Learn step by step by completing short, interactive coding challenges and quizzes.
a11yphant.com

(Nitter addon enabled: Twitter links via https://nitter.privacytools.io)

#html #css #accessibility

⇧