Tag Archives: accessibility

M3talinks for Jun 21st

Today’s M3talinks for Jun 21st

  • startuptools / FrontPage – # Start-ups are always short on time. Here are some tools (products/frameworks/etc) that might avoid you reinventing the wheel and save you some valuable time.<br />
    # We (Songkick) have found that the most useful tools are introduced to us by other start-ups. This wiki is an attempt to collect some of that knowledge and experience in one place so that companies getting started on new problems have a useful reference.<br />
    # This list is focused on technical tools to save development time. For business focused resources, Seedcamp have created a useful wiki here.<br />
    # With each tool, we've added a list of start-ups known to be using that tool, so there's a sense of how well tested they are by the community. If no start-up can vouch for the tool it doesn't make it onto the list.<br />
    # This list is maintained by Ian at Songkick but will be a lot better for your additions!
  • — NoNotes.com — Premium Edition – What is NoNotes?<br />
    NoNotes is a high quality low cost transcription and translation provider. We take your audio files and turn them in to text and we can translate any document to more than 80 languages.<br />
    <br />
    Who does it benefit?<br />
    Imagine being unable to attend a meeting or conference and having every word emailed to you for your review. Save time and money by having your meetings and conferences documented word-for-word.<br />
    <br />
    How NoNotes helps you.<br />
    Record your meeting, upload the file and we will provide you with a word-for-word record which can then be distributed, searched and stored for your records.
  • The Reliability, Efficiency, and Affordability of Amazon’s Mechanical Turk – ProfHacker – The Chronicle of Higher Education – Recently I had reason to get some audio transcribed using Amazon.com’s Mechanical Turk service. The results have been impressive, and in this post I describe my experience and consider ways besides transcription that this service might be useful.
  • — NoNotes.com — Premium Edition – What is NoNotes?<br />
    NoNotes is a high quality low cost transcription and translation provider. We take your audio files and turn them in to text and we can translate any document to more than 80 languages.<br />
    <br />
    Who does it benefit?<br />
    Imagine being unable to attend a meeting or conference and having every word emailed to you for your review. Save time and money by having your meetings and conferences documented word-for-word.<br />
    <br />
    How NoNotes helps you.<br />
    Record your meeting, upload the file and we will provide you with a word-for-word record which can then be distributed, searched and stored for your records.
  • The Reliability, Efficiency, and Affordability of Amazon’s Mechanical Turk – ProfHacker – The Chronicle of Higher Education – Recently I had reason to get some audio transcribed using Amazon.com’s Mechanical Turk service. The results have been impressive, and in this post I describe my experience and consider ways besides transcription that this service might be useful.
  • Transcription services: Audio, Video, CD/DVDs… CastingWords – * All transcription is done by people, not machines.<br />
    * High quality transcription — we catch the difficult words.<br />
    * You get an RSS feed rss icon from fineicons.com of all of your transcripts.<br />
    * Transcripts are delivered in plain text, HTML, and MS Word formats.<br />
    * We spend lots of time on quality control, all transcription is inspected many times, using multiple workers.<br />
    * Transcripts are emailed to you – and can be picked up here at the site.<br />
    * Order tracking so you always know what is happening with your transcript.<br />
    <br />
    Go to our Transcription Store to start your order. Or read more in our FAQ

M3talinks for May 11th

Today’s M3talinks for May 11th

  • RIP!: A remix manifesto – A documentary by Brett Gaylor<br />
    about copyright and remix culture.<br />
    <br />
    Watch RiP: A Remix Manifesto online<br />
    for free… in HD
  • Dear Ubuntu: I Have Some Concerns – "Dear Ubuntu, for the last couple years life has been good. Every time I've shown you to a friend or family member, they've compared you to what they're familiar with–Windows XP or Vista, mostly–and by comparison you've looked brilliant. Yeah, your ugly brown color scheme was a bit off-putting at first, but once people saw how secure, simple, and reliable you were, the response was almost universally positive. But recently, things have changed …"<br />
    <br />
    I’m a bit late with this, considering that 10.04 is out already, but it will be interesting how people have found 10.04 to stack up against 9.10.<br />
    <br />
    From Tanner Helland who previously wrote 10 Days of Ubuntu 10.10 Feature Requests, this is a Dear John-style letter about how the author is finding it difficult to love Ubuntu in the face of the severe problems with 9.10, and just how good Windows 7 is.
  • Do Blind People Use a Special Keyboard? – This is one of the most common question asked by sighted people when they meet or hear about blind computer users. Here, I’ll not only answer this question, but I’ll discuss where it may have come from. I’ll also add in some interesting facts along the way.

M3talinks for Apr 12th

Today’s M3talinks for Apr 12th

  • WordOff – Wordoff applies the following rules to strip the cruft that is pasted into WYSIWYG editors from Word:<br />
    <br />
    * Attributes are removed for all elements except <a>s<br />
    * <span>s and <div>s are removed<br />
    * Empty elements are removed<br />
    * Consecutive line breaks are reduced to two<br />
    <br />
    Wordoff is written in Python and runs on Django in Google App Engine. It was designed as a demonstration project for a short talk at Oxford Geek Nights.
  • About | Designing User Experience – When I grow up I want to be a technical writer, web developer, user experience designer, information architect, and an instructional designer for adult education. <br />
    <br />
    I just want to start learning information through osmosis. I’d like to be a brilliant expert by tomorrow, please. And I spend about $2000 a year buying books in an effort to become one someday. I want to be buried with my web design library, and if Heaven doesn’t have an O’Reilly or Sitepoint warehouse, I’m afraid I can do without it.<br />
    <br />
    Take an enthusiastic, ambitious, overzealous, and at times hyper student of just about everything, and give her a copy of WordPress and a domain. This is what you end up with.

M3talinks for Apr 4th

Today’s M3talinks for Apr 4th

  • WCAG Contrast checker :: Add-ons for Firefox – With this extension it can be checked the combination of colors to see if it is appropriate for visual perception based on the requirements of the WCAG 1 and WCAG 2.
  • No Color :: Add-ons for Firefox – Remove colors and background images from the page by one click.
  • Html Validator :: Add-ons for Firefox – HTML Validator is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing.
  • Total Validator :: Add-ons for Firefox – Perform multiple validations and take screen shots in one go. This 5-in-1 validator works with external, internal, or local web pages using the Total Validator service or local copy of the desktop tool…
  • Fangs Screen Reader Emulator :: Add-ons for Firefox – Fangs renders a text version of a web page similar to how a screen reader would read it. The ambition is to help developers understand how an assistive device would present a website and thereby increase chances of finding accessibility issues early.
  • Firefox Accessibility Extension :: Add-ons for Firefox – Support web developers and people with disabilities in accessing and testing web resources for accessibility features.

M3talinks for Apr 4th

Today’s M3talinks for Apr 4th

  • WCAG Contrast checker :: Add-ons for Firefox – With this extension it can be checked the combination of colors to see if it is appropriate for visual perception based on the requirements of the WCAG 1 and WCAG 2.
  • No Color :: Add-ons for Firefox – Remove colors and background images from the page by one click.
  • Html Validator :: Add-ons for Firefox – HTML Validator is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing.
  • Total Validator :: Add-ons for Firefox – Perform multiple validations and take screen shots in one go. This 5-in-1 validator works with external, internal, or local web pages using the Total Validator service or local copy of the desktop tool…
  • Fangs Screen Reader Emulator :: Add-ons for Firefox – Fangs renders a text version of a web page similar to how a screen reader would read it. The ambition is to help developers understand how an assistive device would present a website and thereby increase chances of finding accessibility issues early.
  • WCAG Contrast checker :: Add-ons for Firefox – With this extension it can be checked the combination of colors to see if it is appropriate for visual perception based on the requirements of the WCAG 1 and WCAG 2.
  • No Color :: Add-ons for Firefox – Remove colors and background images from the page by one click.
  • Html Validator :: Add-ons for Firefox – HTML Validator is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing.
  • Total Validator :: Add-ons for Firefox – Perform multiple validations and take screen shots in one go. This 5-in-1 validator works with external, internal, or local web pages using the Total Validator service or local copy of the desktop tool…
  • Fangs Screen Reader Emulator :: Add-ons for Firefox – Fangs renders a text version of a web page similar to how a screen reader would read it. The ambition is to help developers understand how an assistive device would present a website and thereby increase chances of finding accessibility issues early.
  • Firefox Accessibility Extension :: Add-ons for Firefox – Support web developers and people with disabilities in accessing and testing web resources for accessibility features.

linkHive For Apr 1st

Here are the newest links to join the linkHiveApr 1st

  • 12 Tools To Check Your Site’s Accessibility – When you design any web site, one of your first goals is to make sure you get as many visitors as you can, but have you checked the true accessibility of your site? Can a color blind person read it? Are all of your scripts cooperating? Your colors may look nice together, but is the contrast different enough that it is all legible? Well, those questions are exactly what these 12 tools are designed to help you answer, and it certainly may never be a bad idea to run more than one to make sure they are all telling you the same thing.<br />
    <br />
    One caveat to this list, while these tools are helpful and will help you spot some problems, never trust them to be the ultimate authority, but more of a starting point on your road to the smoothest running site you can build.
  • MichaelHutagalung.com – I am a web designer from Bandung, Indonesia. Addicted to CSS, XHTML, PHP, and WordPress

linkHive For Feb 8th

Here are the newest links to join the linkHiveFeb 8th

  • Forget About Photoshop: 5 More Ways to Stop Using Images in Your Designs – Cherrysave – Images increase download time for end-users and workload for web designers, slowing down the time it takes to fully develop a concept for clients. Furthermore, images can add unneeded clutter and increase search-engine blindness, detracting from the principle of simple web design.
  • Knowledge Games – How to apply game thinking to your business challenges
  • Understanding CSS – Padding, Positioning and CSS3 « CreativityDen – With the release of CSS3, which is now being used more frequently, I’ve put this little article together for more of a beginner. However you never know, there may be a few tricks you don’t know.

    I’m also going to be giving advice on such things as Padding, Margin, Borders and Background Colors, and how to us them effectively.

  • Web Designers’ Browser Support Checklist, Web Designers’ Browser Support Checklist : FindMeByIP : what browser am I using, how modern is my web browser, and what’s my IP address? – The table below displays browser support for HTML5 (including Web Forms 2.0) and CSS3 (including CSS3 selectors).

    It relies partly on the excellent Modernizr javascript library and browser testing information is supplied via the ever useful LitmusApp browser testing application.

    Updated every Friday: follow @deepbluetweets.

  • Strategizing Web Content – Writing for the Web | letscounthedays – When it comes to designing a website, content is often overlooked, but why? Very rarely do users browse the web looking for a good design or decent experience. Users come for the content. Not giving them what they want with poorly written content will frustrate users. Not only does it waste their time, but your time as well.
  • 0x1fff: 35 Google open-source projects that you probably don’t know – Google is one of the biggest companies supporting OpenSource movement, they released more than 500 open source projects(most of them are samples showing how to use their API). In this article I will try to write about most interesting and free releases from Google, some of them might be abandoned.
  • 50 Free UI and Web Design Wireframing Kits, Resources and Source Files – Smashing Magazine – Planning and communication are two key elements in the development of any successful website or application. And that is exactly what the wireframing process offers: a quick and simple method to plan the layout and a cost-effective, time-saving tool to easily communicate your ideas to others. A wireframe typically has the basic elements of a Web page: header, footer, sidebar, maybe even some generated content, which gives you, your clients and colleagues a simple visually oriented layout that illustrates what the structure of the website will be by the end of the project and that serves as the foundation for any future alterations.

    This article focuses on actual wireframing tools and standalone applications, as well as resources that you’ll need to build your own wireframe: wireframing kits, browser windows, form elements, grids, Mac OS X elements, mobile elements, which you’ll use in any typical graphics editor such as Photoshop or Illustrator. …Or you could use pen and paper.

  • A List Apart: Articles: Unwebbable – It’s time we came to grips with the fact that not every “document” can be a “web page.” Some forms of writing just cannot be expressed in HTML—or they need to be bent and distorted to do so. But for once, XML might actually help.

linkHive For Feb 1st

Here are the newest links to join the linkHiveFeb 1st

  • 500 Internal Server Error – 500 Internal Server Error
  • Flash, iPad, Standards – Jeffrey Zeldman Presents The Daily Report – Lack of Flash in the iPad (and before that, in the iPhone) is a win for accessible, standards-based design. Not because Flash is bad, but because the increasing popularity of devices that don’t support Flash is going to force recalcitrant web developers to build the semantic HTML layer first. Additional layers of Flash UX can then be optionally added in, just as, in proper, accessible, standards-based development, JavaScript UX enhancements are added only after we verify that the site works without them.
  • 13 Useful WordPress SQL Queries You Wish You Knew Earlier | Onextrapixel – Showcasing Web Treats Without Hitch – WordPress is driven by a MySQL database. This is something active WordPress users would know. However, if you only just read about it here from us, here’s what you should know. MySQL is a free relational database management system available in most web hosting services. All of the WordPress data like the posts, comments, categories, and settings are stored within the MySQL database. If you wish to read up more about MySQL, you can take a look at WordPress’s Database Schema.
  • 10 Tips for Better Print Style Sheets | Webdesigner Depot – Print style sheets have been somewhat forgotten, and yet they remain important all the same. Many people print out articles to read while traveling or when they have no access to the Internet.

    Print style sheets have definite benefits. For example, reading on paper is less tiring on the eyes than reading on screen.

    Also, following tutorials is easier if you have one next to you, with your code editor open on the screen; that way, you don’t have to switch windows every time to look something up.

    In this article we’ll point out 10 easy tips that will help you create better print style sheets.

linkHive For Jan 22nd

Here are the newest links to join the linkHiveJan 22nd

  • EEI Communications – EEI Press – The Elements of Internet Style

    The New Rules of Creating Valuable Content for Today's Readers

    Copublished with Allworth Press.
    ($24.95, 162 pages, softcover.)

    This is the completely updated new edition of our award-winning book, E-What?
    A Guide to the Quirks of New Media Style & Usage.

    The Elements of Internet Style will open your eyes to the major tech-driven trends
    in publishing—and Web-driven audience expectations—that no professional
    communicator can afford to ignore.

  • Every Web Site Is the Same: The Elements of Web Style | Jackfig – You can ask most anyone the question, “What is Web style?”, and the response may be as simple as a shrug or as complex as a theorem. That is, it’s anyone’s guess. But most people concerned about the matter would agree: it is an under-exploited element of the Web, with no commonly agreed upon standards or clearly identified best practices.

    The concept certainly exists; we found one of the best summaries once on the Rice University Web site:

    “Good web style is a complex subject, incorporating general principles of good writing style and good visual design as well as technical matters specific to the World Wide Web.”

    You won’t find a more succinct definition or, more importantly, a full disclosure of the three critical ingredients of Web style:

    Writing – Design – Technology

  • Web Style Guide – Consistently praised as the best volume on classic elements of web site design, Web Style Guide, now in its third edition, maintains an emphasis on fundamentals while bringing every chapter topic up-to-date.

    Written for web site designers in corporations, government, nonprofit organizations, and academic institutions, the book explains established design principles and covers all aspects of web design—from planning to production to maintenance. The guide also shows how these principles apply in web design projects whose primary concerns are information design, interface design, and efficient search and navigation.
    New for this edition:

    * a chapter devoted to universal usability
    * information on search engine optimization and the designs that improve it
    * a chapter on information architecture and how to promote its robust development
    * techniques for employing cascading style sheets in layouts and typographic design
    * 185 full-color illustrations

  • EEI Communications – EEI Press – The Elements of Internet Style

    The New Rules of Creating Valuable Content for Today's Readers

    Copublished with Allworth Press.
    ($24.95, 162 pages, softcover.)

    This is the completely updated new edition of our award-winning book, E-What?
    A Guide to the Quirks of New Media Style & Usage.

    The Elements of Internet Style will open your eyes to the major tech-driven trends
    in publishing—and Web-driven audience expectations—that no professional
    communicator can afford to ignore.

  • Every Web Site Is the Same: The Elements of Web Style | Jackfig – You can ask most anyone the question, “What is Web style?”, and the response may be as simple as a shrug or as complex as a theorem. That is, it’s anyone’s guess. But most people concerned about the matter would agree: it is an under-exploited element of the Web, with no commonly agreed upon standards or clearly identified best practices.

    The concept certainly exists; we found one of the best summaries once on the Rice University Web site:

    “Good web style is a complex subject, incorporating general principles of good writing style and good visual design as well as technical matters specific to the World Wide Web.”

    You won’t find a more succinct definition or, more importantly, a full disclosure of the three critical ingredients of Web style:

    Writing – Design – Technology

  • Web Style Guide – Consistently praised as the best volume on classic elements of web site design, Web Style Guide, now in its third edition, maintains an emphasis on fundamentals while bringing every chapter topic up-to-date.

    Written for web site designers in corporations, government, nonprofit organizations, and academic institutions, the book explains established design principles and covers all aspects of web design—from planning to production to maintenance. The guide also shows how these principles apply in web design projects whose primary concerns are information design, interface design, and efficient search and navigation.
    New for this edition:

    * a chapter devoted to universal usability
    * information on search engine optimization and the designs that improve it
    * a chapter on information architecture and how to promote its robust development
    * techniques for employing cascading style sheets in layouts and typographic design
    * 185 full-color illustrations

  • Kaltura: Open Source Video Developer Community | Leading the Open Video Revolution – [This looks like it will let you roll your own YouTube - and it's opensource. Wow!] Home of Kaltura’s open source video platform, the fastest growing platform on the web – used by over 48,000 sites worldwide.