Skip to main content

Home/ CSS Evangelist/ Group items tagged accessible

Rss Feed Group items tagged

my mashable

Yahoo! Zimbra Desktop An Alternative for Outlook - 0 views

  •  
    Yahoo! Zimbra Desktop - It's an offline capable client so you can take your data with you whenever you don't have internet access powerd with Ajax technology. Working offline is major feature integrated with Zimbra soon after Google adding offline access through open source gear projects. You can access Zimbra Mail. Yahoo! Mail. Gmail. AOL in one common place. Even Outlook and other business e-mail account can be accessed using POP or IMAP.
Vernon Fowler

Replacing the -9999px hack (new image replacement) - Jeffrey Zeldman Presents The Daily... - 0 views

  • My friend Scott Kellum, design director at Treesaver, has now sent me this refactored code for hiding text, which I hereby christen the Kellum Method: .hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; } Really long strings of text will never flow into the container because they always flow away from the container. Performance is dramatically improved because a 9999px box is not drawn. Noticeably so in animations on the iPad 1.
  • Scott Kellum said on 1 March 2012 at 3:41 pm: I went ahead and created a side by side site to test the performance: http://lab.pgdn.us/hidden-text-performance/ @Ethan, This is the best 43min I have ever spent learning about optimizing the performance of my CSS: http://www.youtube.com/watch?v=xuMWhto62Eo
  • Would be interesting to understand both the SEO and accessibility impacts of this approach.
  • ...4 more annotations...
  • Scott Kellum said on 2 March 2012 at 4:06 pm: After much deliberation over here: https://github.com/h5bp/html5-boilerplate/issues/1005#issuecomment-4293007 Jonathan Neal suggested a method using font: 0/0 serif; and things seem to be settling on this — .ir { font: 0/0 serif; text-shadow: none; color: transparent; }
  • While I think this is certainly and interesting approach, I have some concerns with the accessibility. In some, if not all, cases when overflow: hidden; hides the content of the element this is applied to from screen readers. In most cases where I use image replacement, I still need the text to be accessible (e.g. call to action buttons set in Gotham). See Aaron Gustafson’s A List Apart article, http://www.alistapart.com/articles/now-you-see-me/. Has anyone tested this with a wide battery of screen readers or other accessibility devices?
  • Another note on accessibility: Besides the screen reader problems – people who don’t get images will not see the text too.
  • As a few people said already, this does not solve the accessibility problem that comes with text-indent. Worse, it may send the wrong message: “this is new and cool, use this from now!”. As a leader in the industry, I think you should warn people that even if this is “better” in term of performance, it is still a bad solution. Imo, Image Replacement techniques should be evaluated against the problems they solve/address. Fwiw, I wrote something about these challenges a few years back: http://tjkdesign.com/articles/tip.asp </shameless plug>
yc c

Unobtrusive Javascript - 0 views

  •  
    On the following pages we will discuss and see how we can use Javascript, but still maintain accessibility. The technique to completely separate Javascript from the other two layers of web development has become commonly named "unobtrusive Javascript", as "accessible Javascript" does not quite cut it. You can have a perfectly separated Javascript and still be totally inaccessible.
  •  
    On the following pages we will discuss and see how we can use Javascript, but still maintain accessibility. The technique to completely separate Javascript from the other two layers of web development has become commonly named "unobtrusive Javascript", as "accessible Javascript" does not quite cut it. You can have a perfectly separated Javascript and still be totally inaccessible.
tech vedic

Combine the wallet and your phone two together and carry just one - 0 views

  •  
    "Your wallet and your phone are probably the two items you carry around with you the most. What if you can combine the two together and carry just one item? Now you can with the new Q Card Case for the iPhone 5 by CM4. The Q Card Case is a 2-in-1 device that functions both as a protective casing for your iPhone5 as well as a wallet. It has space to comfortably fit 3 credit card sized cards plus cash. The case is made from a special patent pending soft-touch rubber and premium fabric. It also has a cut out slots for quick access to the cards as well for accessing all the buttons on your iPhone. It even has a big cut out at the bottom of the case to allow for in-case charging as well as fully compatible with Apple's Lightning port to 30-pin port adapter. The Q Card Case is available in 4 colors - Black Onyx, Mahogany Brown, Pacific Green and Red Rouge." By-The Xpert Crew @ http://techvedic.com https://www.facebook.com/techvedicinc https://twitter.com/techvedicinc http://pinterest.com/techvedic1 http://techvedicinc.tumblr.com/ https://plus.google.com/u/0/110467075169904075419/
anonymous

Is Your Website Design Suitable for Visually Impaired Users ? - 0 views

  •  
    Making your site accessible to general visitors is not enough. You also need to ensure that disabled persons can access your site. To fulfill this goal, you need to pay attention to certain factors.
weowei wei

Accessibility 101 > Accessible Web Design Blog » Free W3c AAA Website Design ... - 0 views

  • This template passes W3C WAI WCAG AAA (Automatic testing) and is valid XHTML and Valid CSS. You are free to use it as you see fit and modify it to suit your purposes and it should be easy for you to edit and quickly change the design (all controlled by external and free css files).
mikhail-miguel

37 navigation techniques - 0 views

  • ...1 more annotation...
  • Hybrid CSS Dropdowns Photo Matt Intelligent Menus Inverted Sliding Doors Tab // 456bereastreet.com Accessible Image-Tab Rollovers // Simplebits Simplebits Mini-Tabs Simplified CSS Tabs // Simplebits Tabtastic
Web Design Saudi

A Website with Aesthetic Quality and Functionality - 2 views

I am a businessman in Saudi and I needed a reliable IT company to help me design my website. My brother suggested calling Tech Access. He said, they even have professional web design Saudi team who...

web design Saudi

started by Web Design Saudi on 25 Jul 11 no follow-up yet
Vernon Fowler

Now You See Me · An A List Apart Article - 0 views

  • -999em;
    • Vernon Fowler
       
      -100%;
tech vedic

BlackBerry Z10: Easier to use than Android with loads of features - 0 views

  •  
    BlackBerry Z10 is the touchscreen version which is very similar to the other smartphones available in the market. Display with 4.2inch screen gives a resolution of 1268 x 768 pixels i.e. 768 pixels per inch. The BlackBerry Z10 is easier to use than Android and more powerful, giving faster access to e-mails, tweets, facebook updates and messages. The Z10 has 16GB on inbuilt memory. Unlike the iPhone, the BlackBerry Z10 will allow user to extend the storage with microSD card slot. It sports a chip letting the phone act as a credit card at few payment terminals and share data wirelessly when tapped against some other phones. BlackBerry Z10 comes with handsome cameras with 8MP on back and 2MP on the front. The rear camera can record is a 1080p high definition camera while the front has 720p resolution. One more good thing about the BlackBerry Z10 is its battery life. The talk time is upto 10hrs on 3G. Upto 60 hours of audio playback and 11 hours of video playback. The BlackBerry messenger (BBM) in BlackBerry Z10 includes voice calling and video chatting and allows user to share its screen with another. Another distinguishing feature is the BlackBerry Balance which allows two personas on the same device still keeping the individual data secure. One can set Work mode and personal mode and can switch between them easily. The Time shift is a camera feature that lets you capture a group shot where everyone is smiling with their eyes wide open. BlackBerry Z10 introduces new browser which includes HTML5 support which has a reader mode. By-The Xpert Crew @ http://techvedic.com https://www.facebook.com/techvedicinc https://twitter.com/techvedicinc http://pinterest.com/techvedic1 http://techvedicinc.tumblr.com/
tech vedic

ow to Enable Built-in Facebook Messenger and Social API in Mozilla Firefox? - 0 views

  •  
    Here is good news for Facebook lovers. If you are a Mozilla Firefox user and spend most of your time on Facebook then the latest Firefox version is coming with a new feature called "Social API" which is helpful in accessing social networks like Facebook, Twitter, etc. As per this new feature, you can add social network buttons and sidebars in Firefox window so as to chat with your friends, checking messages, notifications, etc. get quick and easy.
tech vedic

How to Customize Your Windows 8 Start Screen? - 0 views

  •  
    Windows 8 is very different from its previous versions. It has colorful as well as smooth modern interface to entertain Ultra books and other touch-screen devices. By customizing the Windows 8 Start-screen, you can have easy access to favorite apps. This Techvedic tutorial is all about customizing Windows 8 Start Screen.
tech vedic

How to shutdown, restart or hibernate Windows 8.1 PC Using "Win+X" Menu? - 0 views

  •  
    Removal of traditional shutdown, restart or hibernate option has puzzled a lot to Windows 8 users. And understanding the concern, Microsoft has added these power options in "Win+X" Menu under Windows 8.1, which we also call "Quick Access Menu."
tech vedic

How to know that my computer is virus or malware infected? - 0 views

  •  
    Malware, as you know is a class of malicious software such as spyware, adware, or viruses that compromise with the system's performance and security. And in majority of cases they infiltrate through general Internet activities --- browsing, surfing, and downloading, or executing programs or files. Hence, most of the virus or malware defense methods are based on encouraging secure Internet access. Though, virus or malware authors are using astute development techniques, keeping a keen eye on the behavior of your machine, can be helpful in winning the battle of computer security. Following are a few notable symptoms, which can be perceived as an indication of virus or malware attack:
Vernon Fowler

Get Started with Font Awesome - 0 views

  • Super-simple upgrades Since each site gets a unique embed code, you can easily upgrade to the latest version of Font Awesome, all without pushing any code. Easy peasy.
Web Design Saudi

Excellent Saudi Web Design Team - 1 views

I wanted to make a website to promote my Riyadh-based travel agency, after all my travel agency was the only remaining agency which has no online presence then. I noticed that my competitors had al...

web design Saudi

started by Web Design Saudi on 14 Nov 11 no follow-up yet
tech vedic

Ransomware-now-targeting-mac-users - 0 views

  •  
    Now, Mac is the next target of hackers. Till now, Mac operating system was untouched by hackers and Mac users were accessing web freely.
tech vedic

Regain your PC's administrator rights, even if you don't have the password - 0 views

  •  
    Forgot the password of your Windows PC administrator level account? This hampers your work a lot. This tutorial can give access to it.
tech vedic

How to Setup Wi-Fi On Your Raspberry Pi via the Command Line? - 0 views

  •  
    In case, you are a Raspberry Pi enthusiast then you should configure your Raspberry Pi for remote access. With this tutorial, you can remotely connect to your Pi as well as activate a Wi-Fi add-on dongle.
1 - 20 of 51 Next › Last »
Showing 20 items per page