Alt-text Tags and D-links

  • Thread starter Luigi Donatello Asero
  • Start date
J

jake

rf said:
jake wrote

You said "suggest a substitute". there it is, just up there ^. Ok then:

Which part of:


</quote>

did you fail to understand? CSS readily and correctly replaces 1 pixel gifs.

No, it does not work that way. *You* have said 1 pixel gifs are good. *I*
have said they are bad. I don't have to provide an example where 1 pixel
gifs are bad (although I could, look at just about any site out there). It
is up to you to provide an example where you think a 1 pixels gif is good.

You seem very defensive; I do hope I haven't touched a raw nerve.
Please now do so, with an emphasis on why it aids accessibility.

I will then replace it with suitable, and more appropriate, CSS.
Well, let's go through the process then as you seem to need some help to
get started.

Scenario.
A page contains a list of events to be held this year (by some kind of
local society -- say, a local history society).
The events are in date order.
I want to have all the events for that year on the page (i.e. I do not
want to delete events now over).
When an assistive technology (AT) user accesses the page, I want them to
hear "Skip to the next active event" -- which is a link to the next
coming event. Logical, I guess.
But I want to keep the link invisible to graphics-active UAs.

At the top of the page I have:
<a href="#nextone" title="Skip to the next active event">
<img src="ONEPIX.GIF" alt="Skip to the next active event"
height="1" width="1"></a>

When the AT user accesses the page they hear "Skip to the next active
event" in a 'links' voice. Pressing the appropriate key(s), the AT UA
then starts reading from '#nextone'.

Over to you.

BTW Don't bother with the CSS hack of positioning a link in hyperspace;
one hack is the same as another. But I'm sure you've got a better idea
....... ;-)
 
A

Andy Dingley

jake said:
Why? Why is it 'terrible'?

The idea (most simply stated) is "annotate the incomprehensible and
make it accessible". This is a good idea, and I think most of us would
support it.

However their "d link" approach is bogus. Rather than marking up the
item that is affected, they link to a wholly separate resource. There
are a lot of things wrong with this:

Why it's a bad idea:

- It's very far from obvious. What's this "d" floating around all
over the page? Why should I want to click on that?

- It's itself an accessibility issue (and I think this is the most
serious problem) – let's suppose I can't resolve the image because my
elderly vision is suffering, but I'd like to read a description of it.
How am I expected to find or recognise a single character as a link
marker?!

- It's unusual. "d links" are _not_ common. As their only possible
usability depends on them having good branding and immediate
recognition, then that's serious.

- It's patronising. Why not go the whole hog and label it
"Cripples click here (or get your carer to do it for you)"

- And the killer: "Find out what the little "d" means"
This is effectively a user manual. We had those ten years ago, back
when computers were hard to use and scary. Nowadays anyone can use
computers for two things (and largely, that's all they do use them
for) – browsing the web and playing games. You'll note that neither of
these rely on following a manual or instruction and that's _why_
they're successful. If you need to _explain_ it, you've failed as a
usability designer. If you need to explain a "usability" feature, then
that's ludicrous.


Why it's a poor implementation:

- So what happens when you navigate a "d link" ? You lose the page
context (this _would_ be a good use for a pop-up) and the annotation
replaces the entity it's describing. Think about that objectively for
a moment ?

- There's nothing formal linking the resource to its annotation.

- As far as machine-processable metadata goes, this is requiring the
page author to do a lot of work in setting up this annotation system,
then hiding the results from anything resembling a web crawler. Dumb.


What would have been better:

- Simple thing - Take that annotation, and display it on the page,
right alongside the thing it's describing. Why should the disabled get
all the fun?

- Show the annotation on the page. Use CSS / JavaScript to hide it in
those circumstances when it's excessive and when the current browser
platform/config lets you do so (this isn't rocket science).

What do you find 'inaccessible' about the http://www.mainecite.org/
site? Specifically.

It's not a bad site accessibility wise. Specifically it's a _simple_
site, and that's always a free-lunch for accessibility. Why worry
about the best way for a multi-column layout when you can simply avoid
it altogether?

THIS IS NOT A _BAD_ SITE FOR ACCESSIBILITY
We know this – oh, we've seen _much_ worse !

But it's a site that has a target audience where accessibility, and
general web-naivety, are major issues. They're also "in the business"
of accessibility. As such, we expect _better_. They accept this
themselves – else why bother with the Bobby eye-candy ?

The accessibility issues are largely minor things – but equally they'd
have been minor things to correct. Why bother setting an alt and even
the (rarely-used) longdesc attribute on images, yet ignoring the title
attribute ? I use Firefox as a browser – I don't see these alt texts,
when I could so easily have been given them. Kudos though for
realising that longdesc is a URI, not human-readable text.

How about a few titles elsewhere too? Links should be titled – it's
cheap to do, it's demonstrably useful to a whole lot of user
interaction models. It's usual that the text content of an <a> element
is equivalent to the title, but it's not always so. Placing something
into a title attribute is a direct indication that it's meaningful as
such, even if it's a mere duplication of the element's text content.
Maybe to you and I it's "obvious", but there are lots of assistive
technologies where it's anything but, and this strong hint is helpful
to them.

Lists could benefit from title too. Some of the lists, particularly
the footer menu bar should be marked-up as either <menu> or <ul>, yet
they're constructed from a simple <br> and list of (untitled) <a>'s .
There is no distinction being made here between "any old link" on the
page, and what is a fairly major navigation tool. Again, this is a
trivial issue, but it's still a _real_ issue, and it's an issue where
the fix is itself trivial.

Worst of all, the links on the home page _do_ have titles. Except that
instead of putting them in a sensible place, they're stuck underneath
some JavaScript roll-over code. Then they appear in the centre of the
page, well away from the mouse location and the actual link! This
isn't just a disability accessibility issue, it's piss-poor design all
around.

How about using <address> for that telephone contact number? For
vision-restricted users that's just about the most useful part of the
page, yet there's no way to find or highlight it easily or
automatically? Yes, this is me doing the SemWeb blue-sky pitch again,
but with trivial CSS in a user stylesheet _right_now_ I can make those
contact details light up for the user, for just the effort of adding
that element.

What's with the "Skip past menu items" link? This jumps over the menu
footer, which is about three lines of text. It is pointless as a
navigation feature and simply adds excess crud. Perhaps there's a page
where it does have a function (in the right context, it's a good idea)
– but using it in the pointless case like this also devalues it from
when it could have added something.

Accessibility isn't rocket science. I've seen almost no feature where
boosting accessibility was at all complicated – almost every
improvement depended on _simplifying_ something, not adding bells and
whistles.


They also have a number of eye-candy logos on the page – the
ubiquitous "Valid HTML" button appears. Except that this page is not
only invalid mark-up, but it's not even HTML. They have legacy
bit-rot. Once this sets in, standards compliance falls apart and
pretty soon so does accessibility.
 
P

Phil

"Currently, static images may be made accessible via alt-text and, where
necessary, d-links (descriptive links), literally the letter "d" placed next
to an image. A d-link leads to a text description of the image and provides
more information than is possible or practical in alt-text. D-links can be
supplemented by HTML's <longdesc> attribute; however, user-agent support for
<longdesc> is not widespread so d-links are, for the time being, the most
reliable method of providing a long description of an image."

The above was a cut and paste from
http://ncam.wgbh.org/cdrom/guideline/guideline1.html
 
A

Andy Dingley

jake said:
When the AT user accesses the page they hear "Skip to the next active
event" in a 'links' voice. Pressing the appropriate key(s), the AT UA
then starts reading from '#nextone'.

Over to you.

<a class="speech-only" ... ></a>

@media screen {
a.speech-only { display: none; }
}
 
J

jake

Andy said:
<a class="speech-only" ... ></a>

@media screen {
a.speech-only { display: none; }
}


Contrary to popular opinion (especially by those that have never tried
it), this approach doesn't work.

Screen-readers and talking browsers will say ............. absolutely
nothing.

(And it's one good reason why the FIR technique doesn't work in
csszengarden.)

Read more for full details:
http://www.alistapart.com/articles/fir/

regards.
 
J

jake

Andy said:
The idea (most simply stated) is "annotate the incomprehensible and
make it accessible". This is a good idea, and I think most of us would
support it.

However their "d link" approach is bogus. Rather than marking up the
item that is affected, they link to a wholly separate resource. There
are a lot of things wrong with this:

Why it's a bad idea:

- It's very far from obvious. What's this "d" floating around all
over the page? Why should I want to click on that?

Because it's pretty much a 'de facto' standard in the 'accessibility
business'. On encountering a 'd' (in a links voice) immediately after an
image, the AT user knows that there is an extended description
available.
- It's itself an accessibility issue (and I think this is the most
serious problem) – let's suppose I can't resolve the image because my
elderly vision is suffering, but I'd like to read a description of it.
How am I expected to find or recognise a single character as a link
marker?!

If you're trying to find it visually, you won't (unless you're using a
magnifier program). If you're using an Assistive Technology (AT) UA then
you're going to hear it (or sense it).
- It's unusual. "d links" are _not_ common. As their only possible
usability depends on them having good branding and immediate
recognition, then that's serious.

So the RNIB and other organisations for the vison-impaired have got it
all wrong?
- It's patronising. Why not go the whole hog and label it
"Cripples click here (or get your carer to do it for you)"
No more than a 'skip to main content' link at the start of a page is
'patronising'
- And the killer: "Find out what the little "d" means"

Like I say, if you're an AT user, you know what it means.
This is effectively a user manual. We had those ten years ago, back
when computers were hard to use and scary. Nowadays anyone can use
computers for two things (and largely, that's all they do use them
for) – browsing the web and playing games. You'll note that neither of
these rely on following a manual or instruction and that's _why_
they're successful. If you need to _explain_ it, you've failed as a
usability designer. If you need to explain a "usability" feature, then
that's ludicrous.
See above.

Why it's a poor implementation:

- So what happens when you navigate a "d link" ? You lose the page
context (this _would_ be a good use for a pop-up) and the annotation
replaces the entity it's describing. Think about that objectively for
a moment ?

Your 'd-link' page contains the link (for example) 'return to main page'
..... which is a link to where you were diverted on the calling page.
i.e. You go back to where you left off.
- There's nothing formal linking the resource to its annotation.

- As far as machine-processable metadata goes, this is requiring the
page author to do a lot of work in setting up this annotation system,
then hiding the results from anything resembling a web crawler. Dumb.


What would have been better:

- Simple thing - Take that annotation, and display it on the page,
right alongside the thing it's describing. Why should the disabled get
all the fun?

Even those with 20-20 vision can 'click'(?). Don't just think of AT
users as 'vision impaired' ... there's a lot more reasons to use AT.
- Show the annotation on the page. Use CSS / JavaScript to hide it in
those circumstances when it's excessive and when the current browser
platform/config lets you do so (this isn't rocket science).



It's not a bad site accessibility wise. Specifically it's a _simple_
site, and that's always a free-lunch for accessibility. Why worry
about the best way for a multi-column layout when you can simply avoid
it altogether?

THIS IS NOT A _BAD_ SITE FOR ACCESSIBILITY
We know this – oh, we've seen _much_ worse !

But it's a site that has a target audience where accessibility, and
general web-naivety, are major issues. They're also "in the business"
of accessibility. As such, we expect _better_. They accept this
themselves – else why bother with the Bobby eye-candy ?

The accessibility issues are largely minor things – but equally they'd
have been minor things to correct. Why bother setting an alt and even
the (rarely-used) longdesc attribute on images, yet ignoring the title
attribute ? I use Firefox as a browser – I don't see these alt texts,
when I could so easily have been given them. Kudos though for
realising that longdesc is a URI, not human-readable text.

How about a few titles elsewhere too? Links should be titled – it's
cheap to do, it's demonstrably useful to a whole lot of user
interaction models. It's usual that the text content of an <a> element
is equivalent to the title, but it's not always so. Placing something
into a title attribute is a direct indication that it's meaningful as
such, even if it's a mere duplication of the element's text content.
Maybe to you and I it's "obvious", but there are lots of assistive
technologies where it's anything but, and this strong hint is helpful
to them.

Yes -- agree 100%.

Anyway, Andy, you're now raising a lot of isssues about that site which
I really need to go away and have a closer look at. I hope we can
discuss these later?
Lists could benefit from title too. Some of the lists, particularly
the footer menu bar should be marked-up as either <menu> or <ul>, yet
they're constructed from a simple <br> and list of (untitled) <a>'s .
There is no distinction being made here between "any old link" on the
page, and what is a fairly major navigation tool. Again, this is a
trivial issue, but it's still a _real_ issue, and it's an issue where
the fix is itself trivial.

Worst of all, the links on the home page _do_ have titles. Except that
instead of putting them in a sensible place, they're stuck underneath
some JavaScript roll-over code. Then they appear in the centre of the
page, well away from the mouse location and the actual link! This
isn't just a disability accessibility issue, it's piss-poor design all
around.

How about using <address> for that telephone contact number? For
vision-restricted users that's just about the most useful part of the
page, yet there's no way to find or highlight it easily or
automatically? Yes, this is me doing the SemWeb blue-sky pitch again,
but with trivial CSS in a user stylesheet _right_now_ I can make those
contact details light up for the user, for just the effort of adding
that element.

What's with the "Skip past menu items" link? This jumps over the menu
footer, which is about three lines of text. It is pointless as a
navigation feature and simply adds excess crud. Perhaps there's a page
where it does have a function (in the right context, it's a good idea)
– but using it in the pointless case like this also devalues it from
when it could have added something.

Accessibility isn't rocket science. I've seen almost no feature where
boosting accessibility was at all complicated – almost every
improvement depended on _simplifying_ something, not adding bells and
whistles.


They also have a number of eye-candy logos on the page – the
ubiquitous "Valid HTML" button appears. Except that this page is not
only invalid mark-up, but it's not even HTML. They have legacy
bit-rot. Once this sets in, standards compliance falls apart and
pretty soon so does accessibility.

You've raised a number of interesting points. We must talk later.

regards.
 
J

jake

In message <[email protected]>, Andy
Worst of all, the links on the home page _do_ have titles. Except that
instead of putting them in a sensible place, they're stuck underneath
some JavaScript roll-over code. Then they appear in the centre of the
page, well away from the mouse location and the actual link! This
isn't just a disability accessibility issue, it's piss-poor design all
around.
I don't really have a problem with this as the menu items seem pretty
much self-explanatory. The problem would be using Javascript to display
the additional information if it was useful.

How about using <address> for that telephone contact number? For
vision-restricted users that's just about the most useful part of the
page, yet there's no way to find or highlight it easily or
automatically? Yes, this is me doing the SemWeb blue-sky pitch again,
but with trivial CSS in a user stylesheet _right_now_ I can make those
contact details light up for the user, for just the effort of adding
that element.

I'm not sure is this really is a problem. If I wanted their telephone
number I'd 'click' on "CONTACT". The telephone number is then the 2nd
item available on entering the page -- so fairly accessible?
What's with the "Skip past menu items" link? This jumps over the menu
footer, which is about three lines of text. It is pointless as a
navigation feature and simply adds excess crud. Perhaps there's a page
where it does have a function (in the right context, it's a good idea)
– but using it in the pointless case like this also devalues it from
when it could have added something.

Yes. A waste of time.

What there *should* be is a 'skip to navigation' at the start of each
page. That way the menu would be available in about 2 key-strokes.
Accessibility isn't rocket science.

Yes, it takes a lot of hard work to make a site truly inaccessible ...
but that doesn't stop people trying ;-)
I've seen almost no feature where
boosting accessibility was at all complicated – almost every
improvement depended on _simplifying_ something, not adding bells and
whistles.


They also have a number of eye-candy logos on the page – the
ubiquitous "Valid HTML" button appears. Except that this page is not
only invalid mark-up, but it's not even HTML. They have legacy
bit-rot. Once this sets in, standards compliance falls apart and
pretty soon so does accessibility.


What do you make of:
http://at.mainecite.org/at/ ??

regards
 
S

Steve Pugh

jake said:

Not too good, the first things I noticed were:

A skip navigation link on page with no navigation.

summary="Layout" on a table that isn't being used for layout.
(Though it does have a lot of empty cells. The two cells containing
Subject and Last Modified should be <th> not <td> and if the table was
reduced to just those two columns it would obviously be a data table.)

Centered text is difficult to read.

Links that are black text with no underlines.

Text sizing done in pt so it can't be resized in Win IE.

Lots of JavaScript that doesn't seem to do anything and lots of
commented out form elements. Is this a work in progress or a live
page?

Invalid XHTML.

Steve
 
T

Toby A Inkster

jake said:
Andy Dingley said:
<a class="speech-only" ... ></a>

@media screen {
a.speech-only { display: none; }
}

Contrary to popular opinion [...] this approach doesn't work.

Which is precisely why everyone must use it. How else are we to encourage
proper implementation of CSS media selectors in user agents?
 
J

jake

Toby A Inkster said:
jake said:
Andy Dingley said:
<a class="speech-only" ... ></a>

@media screen {
a.speech-only { display: none; }
}

Contrary to popular opinion [...] this approach doesn't work.

Which is precisely why everyone must use it. How else are we to encourage
proper implementation of CSS media selectors in user agents?
Let me see if I understand you correctly.

You're advocating using something known not to work? Hmmmm. Doesn't
sound a very practical approach ;-)

(There is, of course, no media selector that currently describes a
screen-reader or talking browser adequately as these UAs are bi-modal.
i.e. synchronised sound and vision.)

You could pressure the w3c to adopt a new media type -- or a new CSS
option -- but let's not hold our breath on that one.

I guess we're stuck with having to deal with 'the real world' as we find
it.

regards.
 
T

Toby A Inkster

jake said:
You're advocating using something known not to work? Hmmmm.

You betcha.
Doesn't sound a very practical approach ;-)

Depends on which is the greater of my two aims:

- providing a skip link[1]; or
- creating a site that encourages sane browsers.

If the latter then it's a very practical approach.

[1] As it happens skip links tend not to be very important on my sites --
they are usually not of the "skip navigation" type, but "skip *to*
navigation" which is generally less important as most screen readers have
a "skip to next link" feature built in.
 
A

Andy Dingley

jake said:
Contrary to popular opinion (especially by those that have never tried
it), this approach doesn't work.
Screen-readers and talking browsers will say ............. absolutely
nothing.

I have tried it, and it worked. That's a _specific_ reference to
screen media, not just the default for the page. Now I admit I'm not
familiar with screen readers (these tests were 5 years ago), but my
understanding was that for "the bi-modal problem", you could avoid
much of the trouble by stating an explicit media mode.

And what's wrong with this version:

@media screen {
a.speech-only { display: none; }
}

@media aural {
a.speech-only { display: inline ! important; }
}


Surely any screen reader that can't cascade that correctly is having a
really bad day ?
 
J

jake

Andy said:
I have tried it, and it worked.

Tried it with what? When?
That's a _specific_ reference to
screen media, not just the default for the page.

Now I admit I'm not
familiar with screen readers

Yes. I think I figured that one out ;-)
these tests were 5 years ago), but my
understanding was that for "the bi-modal problem", you could avoid
much of the trouble by stating an explicit media mode.
It's not a bi-modal 'problem' .. it's the way the UAs work .....
synchronised sound with vision -- it's not just the visually-impaired
folk that use them.

And what's wrong with this version:

@media screen {
a.speech-only { display: none; }
}

@media aural {
a.speech-only { display: inline ! important; }
}
@media aural is not recognised by most current AT devices as a media
type that applies to them (I believe there's a little-used linux-based
AT UA that might -- can't think of its name, or whether it's
multi-mode).BTW. Did you read my reference? Especially the results of the survey.
Surely any screen reader that can't cascade that correctly is having a
really bad day ?

It really doesn't matter. The fact is that the suggested approach
doesn't work.

Now, if you'd like to point me to a page (maybe one of your own?) where
you think this technique is successfully in use, then please do so; I'm
always willing to learn something new.

regards.
 
T

Toby A Inkster

jake said:
@media aural is not recognised by most current AT devices as a media
type that applies to them (I believe there's a little-used linux-based
AT UA that might -- can't think of its name, or whether it's
multi-mode).

It's w3 combined with Emacspeak. And it doesn't only run on Linux.
 
J

jake

Toby A said:
It's w3 combined with Emacspeak. And it doesn't only run on Linux.
I can only find references to Emacspeak running on Linux/Unix platforms
........................ what else does it run on?

regards.
 
T

Toby A Inkster

jake said:
I can only find references to Emacspeak running on Linux/Unix platforms

Precisely -- it runs on various non-Linux versions of Unix.
what else does it run on?

With a bit of tweaking it can run on Windows (thanks to the Cygwin
project) and on Mac OS X.
 
A

Andy Dingley

jake said:
Tried it with what? When?

Can't remember. This was around 1999-2000. I was working on building a
really big site with lots of heavy text content and an accessibility
remit. Across the building was a VoiceML research group. So I went and
borrowed their bag-o-readers, including their home-brews, and
investigated what was what. Our site was entirely dynamic and didn't
just generate HTML, it was also intended to do PDFs (for direct to
paper), SVG, assemble-on-demand video streaming, VoiceML and anything
else that came along.

AFAIR, there were issues with media types of "all" and the default
behaviour, but the readers were smarter about recognising the more
specific types such as "screen" and "aural".

These days I don't work on accessible sites - I work for a magazine
publishing company instead. Looking like the paper version is
everything, "web techniques" are irrelevant to them. My manager leans
on me to squeeze more ads onto a page, but no-one cares about access.
 
J

jake

In message <[email protected]>, Andy
These days I don't work on accessible sites - I work for a magazine
publishing company instead. Looking like the paper version is
everything, "web techniques" are irrelevant to them. My manager leans
on me to squeeze more ads onto a page, but no-one cares about access.

......... not a lot I can say :-(

regards.
 
A

Andy Dingley

Another issue with d-links (which I've just realised, having run slap
into it) is that web crawlers can find these links and spider the
content stored under them. However this then appears in the search
engine as the URL of the _annotation_, not that of the original
resource. For entirely understandable reasons of content management,
the descriptions aren't usualy linked back to the resource. So you
can Google for a picture of something, only to be locked into a
location that tells you everything about a resource you can't get to!

Anyway, dinner tonight with one of Lancaster University's disability
group's webmistresses. I'll have to ask her about "d links" and why
their site persists in describing them as '|D| to represent
"disabled" users' :cool:
http://www.lancs.ac.uk/fss/resources/access/advice/images.htm
(and also why they think longdesc is a string, not a URI)
 
J

jake

Andy said:
(e-mail address removed) (Andy Dingley) wrote in message


Another issue with d-links (which I've just realised, having run slap
into it) is that web crawlers can find these links and spider the
content stored under them. However this then appears in the search
engine as the URL of the _annotation_, not that of the original
resource. For entirely understandable reasons of content management,
the descriptions aren't usualy linked back to the resource.

The description page should, of course, be linked back to the code
immediately following the 'd-link' for it to work properly (i.e. not
lose the context). If they do that, then they should be OK with the Web
crawlers.
So you
can Google for a picture of something, only to be locked into a
location that tells you everything about a resource you can't get to!

Anyway, dinner tonight with one of Lancaster University's disability
group's webmistresses.
I'll have to ask her about "d links" and why
their site persists in describing them as '|D| to represent
"disabled" users' :cool:

http://www.lancs.ac.uk/fss/resources/access/advice/images.htm

Interesting. Worth a read.
(and also why they think longdesc is a string, not a URI)

That's interesting. I was reviewing somebody's site on one of the other
groups and noticed that they had the longdesc as a literal.
This just causes a '404' error if anyone tries to follow the link that
gets generated... at least in HPR.

I wonder where that idea is comes from ?


regards.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,755
Messages
2,569,536
Members
45,013
Latest member
KatriceSwa

Latest Threads

Top