Search

Items tagged with: html

Will browsers and screen readers respect the #html lang attribute #WordPress allows us to set on paragraphs?

TL;DR; most browsers "read aloud" feature ignores element specific lang attribute, but dedicated screen readers like #NVDA and Apple #VoiceOver do fairly well!

I've installed the 20 most spoken languages in #europe on my PC and virtual Mac.

Blog post is in the making, so feel free to ask questions and send me on even more side quests šŸ˜

Teaser at oldrup.dk/en/teaser-testing-thā€¦


Teaser: Testing the 20 most spoken languages in Europe, with NVDA and VoiceOver ā€“ oldrup.dk

WordPress has basic support for the HTML lang attribute, but how does that actually sound in browsers using assistive technology?
Bjarne Oldrup
#wordpress #html #europe #nvda #voiceover

#a11y #webdev #html #webdesign #uidesign #forms #webdevelopment

šŸ†• blog! ā€œWhat about using rel="share-url" to expose sharing intents?ā€

Let's say that you've visited a website and want to share it with your friends. At the bottom of the article is a list of popular sharing destinations - Facebook, BlueSky, LinkedIn, Telegram, Reddit, HackerNews etc.

You click the relevant icon and get taken to the site with theā€¦

šŸ‘€ Read more: shkspr.mobi/blog/2025/08/what-ā€¦
āø»
#HTML #standards #webdev

#webdev #html #standards

#html

#a11y #Accessibility #html

I hate modern frontend with its #JavaScript frameworks zoo, with people not even wanting to learn semantic #HTML and making their disgusting design with two tags, <div> and <span>, like uneducated parrots knowing only two words. I totally understand why things like Turbo, Stimulus and HTMX exist, I wish they were more spread in the web though.
Oh yeah, and I want a #backend job.
#html #javascript #backend

#Accessibility #html #UX

A: "Hey I just noticed that on your website, feature X doesn't work"
B: "Oh really? Thanks for reporting we'll fix that"

a: "Hey I just noticed that on your website, feature X doesn't work for #screenreader users and hasn't for over a year"
B: "It's very important to us and is on our roadmap, thanks for reporting baii"

If you work in, or need, #accessibility you'll be intimately familiar with this frankly embarrassing situation. If you're a #developer, let this be your trigger to educate yourself on the doubtless extensive docs your UI toolkit of choice (yes, that includes #react and #html) maintains on accessibility so you don't have to send that response and make a human being feel like they don't belong to society, because there's a non-zero chance that's EXACTLY how someone might read such a dismissal. I woke up to three such emails today and I think I'm done with advocacy today before even starting my day. Shit's depressing as all fuck. How's your day? :)

#Accessibility #screenreader #html #react #developer

#Accessibility #html #aria

#html #aria #wcag

Always fun to read #hackerNews and their rather ... let's call it ... qualitatively exceedingly disappointing mentality towards #accessibility (stroopwafel to the dutchies who see what i did there). But some points do make me think to what degree, say, #screenReaders could be innovating more.
One thing that stuck by me was a comment on an article regarding the use of "click here" that basically suggested some kind of heuristic for, say, reading the entire line of text when that's encountered, rather than the link text. Another one could be including the previous sibling's accessible name on unlabeled form fields which I ...think? JAWS might already be doing?
Like obviously these should be toggleable to not screw up audits but I think after 30 years we can safely say people often can't be forked to learn #HTML basics and it might make some things smoother?
#Accessibility #html #screenreaders #HackerNews

#a11y #Accessibility #html #UX

In theory & practice #ePub is just a #zip archive with #HTML files and ither elements in it.

  • Pretty shure something like an #RSS -> ePub script is something @fuchsiii would know how to do.
#html #RSS #epub #zip @Fuchsiii~~~

#a11y #html #aria

#webdev #html

#a11y #webdev #html #aria #webstandards

#Accessibility #webdev #html #development #AI #webdesign #design #wcag #frontend #reviews #chatbot #axeassistant

#a11y #html #aria #webstandards @Adrian Roselli

šŸ¤”HTML semantics: <abbr> theory versus abbreviation reality

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

#a11y #webdev #HTML

tpgi.com/short-note-the-abbrevā€¦


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)
#a11y #webdev #html

I disagree with use cases that rely on CSS, generally at risk from network interruptions and caching, to trigger programmatic state changes in the HTML that references it (see pic). Cart / horse and all.

Instead, use CSS to ensure your programmatic state is correct. Eg: adrianroselli.com/2021/06/usinā€¦

#a11y #accessiblity #css #html

Change certain HTML attributes via CSS (hello --aria-expanded!)

Using CSS to Enforce Accessibility

The CSS3 logo as a head atop a torso with its arms folded across its chest. I am a big proponent of the First Rule of ARIA (donā€™t use ARIA). But ARIA brings a lot to the table that HTML does not, such as complex widgets and state information thatā€¦
Adrian Roselli
#a11y #html #css #accessiblity

#html

#html #django

#a11y #Accessibility #html

Sensitive content

#a11y #webdev #html #webdesign #uidesign #webdevelopment #crisiscontinues #sotiredofthisshit

New year, new role @Mastodon!

Our core team is looking for a senior Front-end Developer to elevate the web UI/UX experience for our users.

Ideally:

1. You are highly skilled in accessible and semantic #HTML
2. Proficient in modern #CSS
3. Experienced with #Javascript, #Typescript and complex React/Redux applications

This remote full-time position requires a 4-hour overlap with the CET timezone.

For more info/to apply:
jobs.ashbyhq.com/mastodon/6a09ā€¦

#FediHire #GetFediHired #hiring #frontend


Front-end Developer (m/f/d)

We're looking for a Front-end Developer to work with us remotely on our free and open-source Mastodon software.
jobs.ashbyhq.com
#html #typescript #javascript #css #hiring #FediHire #getfedihired #frontend @Mastodon

#a11y #Accessibility #webdev #html #css

Your eyes havenā€™t bled from bad markup until theyā€™ve glanced upon an ePUB exported from InDesign.

#ePub #markup #InDesign #XHTML #HTML

Screenshot of code starting with highlighted h4 tag: <h4 class="CHead"><em class="Emphasis">Mys</em><span class="NoBreak"><em class="Emphasis">tery</em></span><span class="NoBreak"><em class="Emphasis"> meat </em></span></h4><p class="BodyFirstParagraph">Every now and again, I come across an ā€œalternativeā€ navigation where a designer has decided they can subvert existing conventions and provide someone with a
#html #markup #epub #indesign #xhtml

#webdev #html #webdevelopment

#a11y #html #aria

#html #webdesign #uidesign #uxdesign #forms #ixd

#html #aria #checker

The four most popular ways to use RDF-based metadata on websites are RDFa-Core, RDFa-Lite, Microdata, and inline JSON-LD.

I canā€™t use RDFa-Lite because I need rel HTML attributes. rel silently upgrades RDFa-Lite to RDFa-Core, which parses differently. I doubt all parsers upgrade correctly; some will try to parse RDFa-Core as RDFa-Lite. Conformant RDFa parsers upgrade RDFa-Lite pages to RDFa-Core despite many authors only being familiar with RDFa-Lite. I suppose resources like Schema.org and Googleā€™s documentation only documenting RDFa-Lite markup worsens the confusion. Update 2024-12-16: Sarven Capadisli has clarified on the Fediverse that this is the behavior of one faulty parser; rel only triggers an upgrade when used with an RDFa namespace. I may re-evaluate RDFa.

With RDFa split between two incompatible alternatives with a confusing upgrade mechanism, the alternatives are Microdata and JSON-LD. I use structured data extensively; JSON-LD would duplicate most of the page. Letā€™s use this relatively short article as an example. Exruct can convert the embedded Microdata into a massive JSON document featuring JSON-LD. Take a look at the JSON-LD and HTML side by side. Microdata attributes take a fraction of the footprint, encode the same information, and donā€™t require duplicating nearly the entire page.

Originally posted on seirdy.one: See Original (POSSE). #Microdata #SemanticWeb #RDFa #HTML


GitHub - scrapinghub/extruct: Extract embedded metadata from HTML markup

Extract embedded metadata from HTML markup. Contribute to scrapinghub/extruct development by creating an account on GitHub.
GitHub
#html #microdata #rdfa #semanticweb

I don't know how many times we have to say this. Last I counted it was 1.2 million times and almost 20 years.

"Developers should always prefer using the correct semantic HTML element over using ARIA."

developer.mozilla.org/en-US/doā€¦

#webdev #javascript #html #webdevelopment #a11y #aria


An overview of accessible web applications and widgets - Accessibility | MDN

Most JavaScript libraries offer a library of client-side widgets that mimic the behavior of familiar desktop interfaces. Sliders, menu bars, file list views, and more can be built with a combination of JavaScript, CSS, and HTML.
MDN Web Docs
#a11y #webdev #html #aria #javascript #webdevelopment

Good morning #fediverse !

I'm feeling #KISS today...

Ā« Keep
IT
Simple
Stupid Ā»

(Amazing, how many things you can do with just simple,

#html
+
#css
+
#javascript

cc @cferdinandi ... who amongst others, inspired me , thX

#fediverse #html #javascript #css #kiss @Chris Ferdinandi āš“ļø

#a11y #Accessibility #html #wcag

#webdev #html #css #webdesign #hiring

#a11y #Accessibility #html

#webdev #html

#html #css #indieWeb #semantichtml #smolweb #semantic #semanticcss

ā‡§