mx amber alex on Nostr: Okay I've got a #HTML #accessibility question/problem here... I'm building a site ...
Okay I've got a #HTML #accessibility question/problem here...
I'm building a site here and it's all default colours, meaning black text on white background. Links are the default blue (purple if clicked), and I've not prescribed any colours via CSS anywhere.
In the footer, I've got an anchor element (a link) with an abbreviation element nested inside it.
Now Firefox's automated accessibility checks throw an error here, and this is a weird one: it claims the text is blue on a purple background, and that it doesn't have enough contrast.
The way I see it, it somehow (how?) thinks there is an unclicked link on the background of a clicked link, which isn't what's happening at all... any help?
Pictured below is the piece in question. The CC link is what's being flagged. Reversing the order of the elements (nesting the anchor inside the abbreviation element) doesn't fix anything, but throws a different error (now it says blue on gray isn't enough, even though there is no gray anywhere).
#WebDesign
Published at
2023-08-18 15:25:36Event JSON
{
"id": "0e790ce106abc0d6264fd6a1c0463916233c3df1c5356fea543a327ee5da71a2",
"pubkey": "d7941859c5e2d7d58744985750845f7d0935e044c7957ea33845c15a7f7788a0",
"created_at": 1692372336,
"kind": 1,
"tags": [
[
"t",
"html"
],
[
"t",
"accessibility"
],
[
"t",
"webdesign"
],
[
"proxy",
"https://eldritch.cafe/users/amberage/statuses/110911313445985321",
"activitypub"
]
],
"content": "Okay I've got a #HTML #accessibility question/problem here...\n\nI'm building a site here and it's all default colours, meaning black text on white background. Links are the default blue (purple if clicked), and I've not prescribed any colours via CSS anywhere.\n\nIn the footer, I've got an anchor element (a link) with an abbreviation element nested inside it.\n\nNow Firefox's automated accessibility checks throw an error here, and this is a weird one: it claims the text is blue on a purple background, and that it doesn't have enough contrast.\n\nThe way I see it, it somehow (how?) thinks there is an unclicked link on the background of a clicked link, which isn't what's happening at all... any help?\n\nPictured below is the piece in question. The CC link is what's being flagged. Reversing the order of the elements (nesting the anchor inside the abbreviation element) doesn't fix anything, but throws a different error (now it says blue on gray isn't enough, even though there is no gray anywhere).\n\n#WebDesign\n\nhttps://eldritchcafe.files.fedi.monster/media_attachments/files/110/911/307/393/650/162/original/e0d4a85741e5fbfa.png",
"sig": "6886b20e10d8bba144a02780f8ba7fd4f25eb8c7d3c3b1c32db0d348c94ba424035fa4d6f463e255bdfea6dac2be79879d0492f1d18c10c918d7b9785a740425"
}