Hi,
I would like an opinion on the following:
I have a page which is made up of background-images with transparent
linked images in front of it, which on hover show text in CSS popups.
Due to appropriate alt text, anyone viewing the page with images
turned off, will see the alt text instead, and on hover will see the
popups.
Reason for the transparent images instead of just bringing the
background images to the front, is that the popups don't cover up
normal images. Any non-background images will shine through the popups
(making them unreadable) if those images are later in the source code
than the popup (in some browsers).
Now, if I use the option "disable page colours" in the Firefox
webdeveloper toolbar, I see nothing. The transparent images are
loaded, thus the alt text isn't displayed, only I don't see the
background images, because the colours are disabled. Hovering over the
page will still bring up the popups, but it initially just looks like
a white empty page.
Is this something I should worry about wrt to accessibility, or is it
really only a webdeveloper tool that doesn't mimic any possible
behaviour of any browser? The page displays perfectly as a list of
links (which include the text in the popups) in Lynx, and shows the
image version in graphical browsers.
--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo - 4 3947
Els <el*********@ti scali.nl> wrote: I have a page which is made up of background-images with transparent linked images in front of it, which on hover show text in CSS popups. Due to appropriate alt text, anyone viewing the page with images turned off, will see the alt text instead, and on hover will see the popups.
Reason for the transparent images instead of just bringing the background images to the front, is that the popups don't cover up normal images. Any non-background images will shine through the popups (making them unreadable) if those images are later in the source code than the popup (in some browsers).
I would be concentrating on solving that problem, thus rendering the
issue you raise below null.
Now, if I use the option "disable page colours" in the Firefox webdeveloper toolbar, I see nothing. The transparent images are loaded, thus the alt text isn't displayed, only I don't see the background images, because the colours are disabled. Hovering over the page will still bring up the popups, but it initially just looks like a white empty page.
Is this something I should worry about wrt to accessibility, or is it really only a webdeveloper tool that doesn't mimic any possible behaviour of any browser?
The ability to disable author-specified colours, or to apply user
stylesheets, is available in many browsers. It would be foolish to
assume that no one ever uses those options.
Presumably your transparent image is a much smaller download than the
background images - thus users may be looking at your invisible links
for some time whilst waiting for the backgrounds to load. And if one
of the backgrounds doesn't download for whatever reason they're stuck
with the invisible link.
(Presumably this is navigation or similar that is display: none;
anyway in your print stylesheet? As most browsers have background
printing off by default "content" displayed via background images
doesn't show up when printed.)
Steve
--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor
Steve Pugh <st***@pugh.net > <http://steve.pugh.net/>
Steve Pugh wrote: Els <el*********@ti scali.nl> wrote:
I have a page which is made up of background-images with transparent linked images in front of it, which on hover show text in CSS popups. Due to appropriate alt text, anyone viewing the page with images turned off, will see the alt text instead, and on hover will see the popups.
Reason for the transparent images instead of just bringing the background images to the front, is that the popups don't cover up normal images. Any non-background images will shine through the popups (making them unreadable) if those images are later in the source code than the popup (in some browsers). I would be concentrating on solving that problem, thus rendering the issue you raise below null.
I tried that. I'll mock up an example version and remember which
browsers don't handle it later today. I already tried Z-index too. Now, if I use the option "disable page colours" in the Firefox webdevelope r toolbar, I see nothing. The transparent images are loaded, thus the alt text isn't displayed, only I don't see the background images, because the colours are disabled. Hovering over the page will still bring up the popups, but it initially just looks like a white empty page.
Is this something I should worry about wrt to accessibility, or is it really only a webdeveloper tool that doesn't mimic any possible behaviour of any browser?
The ability to disable author-specified colours, or to apply user stylesheets, is available in many browsers. It would be foolish to assume that no one ever uses those options.
:-(
If I make the images foreground images, and someone disables page
colours, the popups will be unreadable, as they will become
transparent. I guess most user stylesheets will just change the
background and foreground colours, which won't be a problem.
Problem arises if background images are disabled though..
Presumably your transparent image is a much smaller download than the background images - thus users may be looking at your invisible links for some time whilst waiting for the backgrounds to load. And if one of the backgrounds doesn't download for whatever reason they're stuck with the invisible link.
That's true too, but the background image is only 37kB (there's only
one really, but there are 5 foreground transparent ones of each
43bytes.
(Presumably this is navigation or similar that is display: none; anyway in your print stylesheet? As most browsers have background printing off by default "content" displayed via background images doesn't show up when printed.)
Print stylesheet will only show text, yes.
Just thought of a possible solution: Have the background image in the
page twice. Once as a background in a div that's absolutely positioned
over a div that's containing the second one as a regular image. That
way, with page colours disabled, the foreground image in the div
behind it will show. Hmm.. I guess that way I won't need the
background in the front div at all.
Sounds too easy a solution though, am I missing something obvious?
--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: LuLu - The Man Who Sold The World
Els wrote: but there are 5 foreground transparent ones of each 43bytes.
Make that one image of 43 bytes used 5 times :-)
--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: The Cure - Close To Me (Acoustic)
Els wrote: Steve Pugh wrote:
Els <el*********@ti scali.nl> wrote:
I have a page which is made up of background-images with transparent linked images in front of it, which on hover show text in CSS popups. Due to appropriate alt text, anyone viewing the page with images turned off, will see the alt text instead, and on hover will see the popups.
Reason for the transparent images instead of just bringing the background images to the front, is that the popups don't cover up normal images. Any non-background images will shine through the popups (making them unreadable) if those images are later in the source code than the popup (in some browsers).
I would be concentrating on solving that problem, thus rendering the issue you raise below null.
I tried that. I'll mock up an example version and remember which browsers don't handle it later today. I already tried Z-index too.
Okay, got a mockup online with foreground images instead of one larger
background one: http://here.locusmeus.com/test/splash2.html
In Opera and Firefox it does what it should do, and disabling images
or colours doesn't pose a problem. The popups become transparent, but
I reckon that if a User wants to use his/her own stylesheet, s/he
should set background colours, nothing I can do about it.
But now look at IE (5 or 6). Hovering over the 3rd image will show
that the popup covers image 1 and 2, as they are appearing in the code
before number 3, but image 4 and 5 will stay in the front.
If anyone knows a solution to that, I'd be grateful.
--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Carly Simon - You're So Vain This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: The Bicycling Guitarist |
last post by:
I've used and loved the webmaster tools at Delorie.com for some years now. I
just added some more text content to my home page, but in the web page
"purifier" the text doesn't render as I thought it should. It looks fine in
MSIE 6, lol. I didn't want the text to be centered, and specified a css
class to clear the floats above and text-align to the left. Does it look
that way for other people using other browsers than MSIE? If not, is it a...
|
by: msnews.microsoft.com |
last post by:
I am using Visual .NET studio to create a deployment project. When you run
the setup.exe again, there will be two options for the user: uninstall or
repair. I wonder how to disbale the repair option.
Thanks!
|
by: ZubZero |
last post by:
Hello,
i have to write a utility in c++ for windows 2k/XP.
But i have 2 difficult problems.
I asked many programmers i know, but none of them was able to tell me
how i can do this.
1. I would like to disable a specific USB-port (not all ports, only
one).
I have a USB Cardreader with an integrated 7-port USB-Hub.
|
by: Lee David |
last post by:
How do you track down this to where the error actually is?
TIA, Lee
|
by: Doug Laidlaw |
last post by:
I tried to grab an image from a Web page the other day. It turned out that
the page was made up of three horizontal bands, and part of the image was
in each. One band was a JPEG, another was a GIF and I have forgotten what
the main page was.
Apart from lining up the parts of the image, there was no discrepancy in
colours between the two formats. Is that what "Web-safe" means? I thought
that it just meant that the colours would be the...
| |
by: Ken Yu |
last post by:
Hi,
How can i disable "RightClick Menu" in Internet Explorer, when
access the frontpage ?
tks a lot !
Ken
|
by: marcnz |
last post by:
Hi,
I am working for a company which as a MS SQL backend and Access as front end. We update automatically each access db on the user local machine when a new feature has become available.
We have to stay with MDB for several reasons, so please avoid telling me "you have to convert to MDE"... It is not an option.
We need to allow our users to have the right-click so they can export the reports to pdf or other format.
We need to remove...
|
by: bhushan097 |
last post by:
hi ,
if you control user to right clik on page then why not is is possible to disable "save as" in file menu ?
plz suggest solution
Bhushan.
|
by: exipnakias |
last post by:
Hello Guys.
I would like to know if there is a way , which can prevent users to import data from an access database to another.
I have a database that I do not want users to be able to copy the data (tables, forms, reports, query, macros, modules etc) of this database to another one (using the import option of MS Access).
Thanks in advanced.
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look !
Part I. Meaning of...
|
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed.
This is as boiled down as I can make it.
Here is my compilation command:
g++-12 -std=c++20 -Wnarrowing bit_field.cpp
Here is the code in...
| |
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth.
The Art of Business Website Design
Your website is...
|
by: tracyyun |
last post by:
Dear forum friends,
With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own....
Now, this would greatly impact the work of software developers. The idea...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules.
He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms.
Adolph will...
|
by: TSSRALBI |
last post by:
Hello
I'm a network technician in training and I need your help.
I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs.
The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols.
I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
|
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
| |
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
| |