Search
Items tagged with: html
“The reasons why use of the placeholder attribute as the only means of providing a user readable prompt for a form control is deficient UX, are voluminous. It is frustrating having to rehash this discussion endlessly.”
https://html5accessibility.com/stuff/2021/02/14/re-upped-placeholder-the-piss-take-label/
Why are my live regions not working? by @patrick_h_lauke
"Live regions have a reputation for being "flaky" and inconsistent. While this can be attributed in part to shortcomings in current implementations, the problem can also be caused by developers misunderstanding how live regions are intended to work."
https://tetralogical.com/blog/2024/05/01/why-are-my-live-regions-not-working/
I've been having too much fun clipping things on YouTube to share with my colleagues. Here's a clip with @slightlyoff on questions you should ask yourself when considering React:
📽️ https://www.youtube.com/clip/UgkxpA_MMNjLtPCvuG1BJO3ShotN5AWiIlw4
✂️ Should you use React?
60 seconds · Clipped by Hasan Ali · Original video "On the merits & limitations of React & single-page apps" by Real World ReactYouTube
This is so f***** up!! O_O
Be aware when you receive HTML emails (who doesn't?)!
https://gruene.social/@weddige/112190338668045392
#HTML #HTMLmail #CSS
#Phishing #SCAM
#SocialEngineering
#Thunderbird #Outlook
#KoboldLetters
Konstantin Weddige (@weddige@gruene.social)
Attached: 1 image Welcome to another edition of "Is this phishing?" Assume the email is in principle plausible and the transaction ID exists. What is the worst that can happen if you press send? #phishinggruene.social
In “Techniques to Break Words” I quickly review:
`word-break`
`overflow-wrap`
`hyphens`
`<wbr>`
``
https://adrianroselli.com/2024/02/techniques-to-break-words.html
You can play around with the demo directly:
https://cdpn.io/aardrian/debug/eYoOdrX
Techniques to Break Words
Photo by studio tdes. Used under CC BY 2.0 Deed. Image cropped and contrast enhanced. A few days ago Benjy Stanton asked about breaking long words in tables. I offered a suggestion, which may or may not have worked. I never asked.Adrian Roselli
👁🗨Screen Readers support for text level HTML semantics
"A long time ago (2008) I wrote an article: Screen Readers lack emphasis. At the time, 15 years ago..."
#a11y #webDev #HTML #screenReaders
https://www.tpgi.com/screen-readers-support-for-text-level-html-semantics/
Screen Readers support for text level HTML semantics - TPGi
A long time ago (2008) I wrote an article: Screen Readers lack emphasis. At the time, 15 years ago, the screen readers tested did not signify the semantics of text...Steve Faulkner (TPGi)
I wrote an article about how to make hastags accessible. Did some #ScreenReader testing with #JAWS, #NVDA, #VoiceOver and #Narrator, which was fun!
Pretty long one though, contains a bunch of tables for comparison. Enjoy the ride!
https://stevefrenzel.dev/posts/easy-web-accessibility-wins-hashtags/
#accessibility #a11y #html #JavaScript #WebDev #frontend
Easy web accessibility wins: Hashtags
Is there a way to create hashtags that work for everyone? I did some screen reader testing and was surprised by the outcome!Steve Frenzel
Back to Basics: 5 HTML attributes for improved accessibility and user experience - HTMHell
A collection of bad practices in HTML, copied from real websites.Back to Basics: 5 HTML attributes for improved accessibility and user experience - HTMHell
You Don't Need ARIA For That - HTMHell
A collection of bad practices in HTML, copied from real websites.You Don't Need ARIA For That - HTMHell
This is an interesting #HTML proposal from @Seirdy
Should there be a `<spoiler>` element?
https://seirdy.one/posts/2023/11/12/spoiler-element/
My heart says yes. HTML should reflect what people are actually doing on the web. How they write. The features they invent.
But my head says it is a duplicate of `<details>` albeit non-block level.
Proposal: an HTML element for spoilers
An informal proposal for dedicated elements for spoiler tags in HTML: use-cases, syntax, semantics, recommended UA behavior, and comparisons with “details”Seirdy’s Home
I needed to test support for dynamic accessible descriptions recently, so I made a blog post reference in case it's helpful for others.
https://www.darins.page/articles/dynamic-accessible-descriptions-reference
#accessibility #a11y #html #webdev #ux #screenreader
Dynamic accessible descriptions reference - Darin Senneff
I recently needed to test the support of a dynamic accessible description – a element’s description that is initially one (or no) value, then changes to…Darin Senneff
"Most importantly, tooltips should only provide descriptive and non-essential text, giving slightly more detailed text for active elements such as links and form controls. Ultimately, they provide expendable text which is already on the web page."
https://www.htmhell.dev/adventcalendar/2023/20/
Great in-depth article about #tooltips by Jan Hellbusch. He knows what he's talking about, had the pleasure to be in one of his workshops and he's an absolute pro. 🤯
#HTML #CSS #JavaScript #accessibility #a11y #HTMHell
Design pattern for custom tooltips - HTMHell
A collection of bad practices in HTML, copied from real websites.Design pattern for custom tooltips - HTMHell
Back to Basics: 5 HTML attributes for improved accessibility and user experience - HTMHell
A collection of bad practices in HTML, copied from real websites.Back to Basics: 5 HTML attributes for improved accessibility and user experience - HTMHell
You don't need JavaScript for that - HTMHell
A collection of bad practices in HTML, copied from real websites.You don't need JavaScript for that - HTMHell
#accessibility #html #webStandards #ARIA
https://www.tpgi.com/author/steve/
Foundations: HTML semantics - TetraLogical
Accessibility consultancy with a focus on inclusion. We can help you with knowledge, experience, strategy, assessments, and development.TetraLogical
Accessibility training will not save you
A follow-up to my talk at A11yTO I cannot pinpoint the source of this misconception, it could have been a vendor, or long-lost blog post, or one of the many webinars I attended in my early days as a program lead.Reidmore
With the help of ChatGPT I have added alt text to images in my slide deck "No Industry for Old Men" from #a11yTO 2023
#a11y #webStandards #HTML #ARIA #Depression #aging #ai
https://docs.google.com/presentation/d/166SRyG4KEHAY1d1BiSqdyQhGBL5zjiW09JYSkc4IVI8/edit?usp=sharing
https://www.webaxe.org/strikethrough-html-accessibility/
#webdev #a11y #html #screenreaders #accessibility
Ensuring negative numbers are available for everyone. "The minus character (−) yields great support in most screen readers, and suffers less situational gotchas than the hyphen-minus character"
https://www.deque.com/blog/ensuring-negative-numbers-are-available-for-everyone/
Great article written by 2 of my favorite comrades.
"Making a positive change: PDF to HTML
The Government Digital Service (GDS) states “Compared with HTML content, information published in a PDF is harder to find, use and maintain”."
Consider the needs of the people you are publishing the information for. Engage with them early to explore alternative options that may better meet their needs.
YES !
https://accessibility.blog.gov.uk/2023/06/12/making-a-positive-change-pdf-to-html/
Making a positive change: PDF to HTML
This is for everyone: documenting how we rebuild inclusive digital services across governmentaccessibility.blog.gov.uk
The abbreviation appreciation society
“the HTML <abbr> element is deceptively familiar and attractive, its been around forever (1999) and thus people assume that it does what it does and does it well. Nothing much changed over the iterations of the abbr element definition over the years. One notable exception is that the acronym element was obsoleted in HTML5 and abbr now is used for both acronyms and abbreviations.”
https://www.tpgi.com/short-note-the-abbreviation-appreciation-society/
/cc @micmath
Short note: The abbreviation appreciation society - TPGi
The HTML element is an incredibly common, but do you know how you can make it accessible? Find out how in this article.Steve Faulkner (TPGi)
Using HTML landmark roles to improve accessibility | MDN Blog
Learn what HTML landmark roles are, how they improve accessibility, and how you can include them on your website effectively.developer.mozilla.org
Today the <blink> element was officially removed from MDN.
https://github.com/mdn/content/pull/26904
It was an awful element, but, oh, so many memories.
#HTML
Remove docs for the element by Elchi3 · Pull Request #26904 · mdn/content
For mdn/browser-compat-data#19658GitHub
Adding captions and subtitles to HTML video - Developer guides | MDN
In other articles we looked at how to build a cross browser video player using the HTMLMediaElement and Window.fullScreen APIs, and also at how to style the player.developer.mozilla.org
You Don't Need ARIA For That - HTMHell
A collection of bad practices in HTML, copied from real websites.You Don't Need ARIA For That - HTMHell
I think that this #ableist #eMail bs should be #illegal and does not satisfy the notification requirements.
Also even for #abled people this is just bad, since a lot of them - like myself - will be sometimes if permanently on #WWAN like #2G, #3G or #4G and thus not download attachments at all, but only the text.
And yes, I do also automatically mark all #HTML - #eMails as #Spam so they won't even show up in my #Inbox.
It's very likely that…
I repeatedly see certain bad practices in HTML that ironically contain clues for implementing them properly in their class names or in the way they're built. In this evergreen post, I collect them.It's very likely that…