{"id":649,"date":"2016-05-20T17:02:06","date_gmt":"2016-05-20T21:02:06","guid":{"rendered":"http:\/\/www.jfciii.com\/blog\/?p=649"},"modified":"2017-02-20T11:17:03","modified_gmt":"2017-02-20T15:17:03","slug":"mobile-articles-blog-posts-resources-etc-from-work-and-home-computer-bookmarks","status":"publish","type":"post","link":"http:\/\/www.jfciii.com\/blog\/2016\/05\/20\/mobile-articles-blog-posts-resources-etc-from-work-and-home-computer-bookmarks\/","title":{"rendered":"Mobile Articles, Blog Posts, Resources, etc. from Work and Home Computer Bookmarks"},"content":{"rendered":"<p>Two people over a week ago asked me for mobile resources one for checking accessibility on mobile devices and the other for general information, so I figured I would publish them for all to see. Here are a bunch of resources from my work bookmarks, along with even more from my home laptop. A bunch of these articles, blog post, etc. are five or six years old, but the ideas and concepts are still worth reading.<\/p>\n<p><strong>UPDATED<\/strong> broken and redirected links &#8211; 01\/02\/2017.<\/p>\n<p>The information is grouped together by the organization or person that wrote them.<\/p>\n<h2>BBC Mobile<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.bbc.co.uk\/guidelines\/futuremedia\/accessibility\/mobile_access.shtml\">Mobile Accessibility Standards and Guidelines v1.0<\/a><\/li>\n<li><a href=\"http:\/\/www.bbc.co.uk\/blogs\/internet\/entries\/0fac2b9f-40eb-32a8-8d0d-718605f4c453\">Blog post about BBC Accessibility Guidelines<\/a><\/li>\n<li><a href=\"http:\/\/www.bbc.co.uk\/guidelines\/futuremedia\/accessibility\/\">Accessibility Standards and Guidelines<\/a><\/li>\n<li><a href=\"http:\/\/www.bbc.co.uk\/guidelines\/futuremedia\/accessibility\/mobile\">Accessibility Guidelines<\/a><\/li>\n<li><a href=\"http:\/\/www.bbc.co.uk\/guidelines\/futuremedia\/accessibility\/mobile\/design\/touch-target-size\">Touch target sizes<\/a><\/li>\n<\/ul>\n<h2>Henny Swan<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.slideshare.net\/iheni\/introduction-to-mobile-accessibility-2015\">Introduction to mobile accessibility, 2015 (slides)<\/a><\/li>\n<li><a href=\"http:\/\/www.iheni.com\/mobile-accessibility-guidelines\/\">Resources for Mobile Accessibility Guidelines<\/a><\/li>\n<li><a href=\"http:\/\/www.slideshare.net\/iheni\/mobile-accessibility-moba11y\">Mobile Accessibility (slides) <\/a><\/li>\n<li><a href=\"http:\/\/www.iheni.com\/mobile-accessibility-tests\/\">Mobile accessibility tests<\/a><\/li>\n<li><a href=\"http:\/\/www.iheni.com\/progressive-enhancement-for-mobile-media-queries\/\">Progressive enhancement for mobile: media queries<\/a><\/li>\n<li><a href=\"http:\/\/www.iheni.com\/getting-to-grips-with-a-mobile-accessibility-strategy\/\">Getting to grips with a mobile accessibility strategy<\/a><\/li>\n<li><a href=\"http:\/\/www.iheni.com\/mobile-desktop-development\/\">Let the mobile web learn from and not repeat the mistakes of desktop<\/a><\/li>\n<li><a href=\"http:\/\/www.iheni.com\/mobile-text-alternatives\/\">Use consistent text alternatives across desktop and mobile<\/a><\/li>\n<li><a href=\"http:\/\/www.iheni.com\/mobile-accessibility-guidelines\/\">DIY mobile usability testing &#8211; IA Summit 2011<\/a><\/li>\n<\/ul>\n<h2>Paul Adam &#8211; this mobile resources page has a lot of links on it<\/h2>\n<ul>\n<li><a href=\"http:\/\/pauljadam.com\/demos\/mobile101.html\">Mobile Accessibility 101 Webinar Demos and Resources<\/a><\/li>\n<\/ul>\n<h2>Marcy Sutton<\/h2>\n<ul>\n<li><a href=\"http:\/\/marcysutton.github.io\/mobile-a11y\/#\/\">How to Win at Mobile Accessibility (slides)<\/a><\/li>\n<\/ul>\n<h2>Luke Wroblewski<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.lukew.com\/ff\/entry.asp?1259\">Mobile UX Essentials<\/a><\/li>\n<li>B<a href=\"http:\/\/www.lukew.com\/ff\/entry.asp?1399\">reaking Dev: Mobile Apps Must Die<\/a><\/li>\n<li><a href=\"http:\/\/www.lukew.com\/ff\/entry.asp?1333\">Mobile Context Revisited<\/a><\/li>\n<li><a href=\"https:\/\/aneventapart.com\/news\/post\/video-luke-wroblewski-mobile-first-live-at-an-event-apart\/\">Live at An Event Apart: Mobile First! (video &#8211; no captions)<\/a><\/li>\n<li><a href=\"http:\/\/www.lukew.com\/ff\/entry.asp?1654\">Linking Mobile Web and Native App Experiences<\/a><\/li>\n<li><a href=\"http:\/\/www.lukew.com\/ff\/entry.asp?1029\">Video: Rich and Mobile Form Design (video &#8211; Silverlight and other formats linked at bottom of page)<\/a><\/li>\n<li><a href=\"http:\/\/www.lukew.com\/ff\/entry.asp?1653\">Mobile Design Details: Hide\/Show Passwords<\/a><\/li>\n<li><a href=\"http:\/\/www.lukew.com\/ff\/entry.asp?1382\">Apple\u2019s Overloaded iPhone Button<\/a><\/li>\n<\/ul>\n<h2>Apple &#8211; iOS<\/h2>\n<ul>\n<li><a href=\"http:\/\/help.apple.com\/iphone\/9\/#\/iph3e2e415f\">iPhone VoiceOver Manual<\/a><\/li>\n<li><a href=\"http:\/\/www.apple.com\/voiceover\/info\/guide\/\">VoiceOver Getting Started<\/a><\/li>\n<li><a href=\"http:\/\/www.apple.com\/accessibility\/iphone\/vision\/\">VoiceOver on iOS<\/a><\/li>\n<li><a href=\"http:\/\/www.simonwhatley.co.uk\/apples-27-guidelines-for-mobile-user-experience-design\">Apple\u2019s 27 Guidelines for Mobile User Experience Design<\/a><\/li>\n<li><a href=\"http:\/\/help.apple.com\/iphone\/5\/voiceover\/en\/iph3e2e4218.html\">iPhone 5 VoiceOver<\/a><\/li>\n<li><a href=\"http:\/\/mattgemmell.com\/accessibility-for-iphone-and-ipad-apps\/\">Accessibility for iPhone and iPad apps<\/a><\/li>\n<li><a href=\"https:\/\/developer.apple.com\/library\/ios\/documentation\/UserExperience\/Conceptual\/iPhoneAccessibility\/Accessibility_on_iPhone\/Accessibility_on_iPhone.html\">Understanding Accessibility on iOS<\/a><\/li>\n<li><a href=\"https:\/\/support.apple.com\/en-us\/HT202132\">Common braille commands for VoiceOver navigation using iPhone, iPad, and iPod touch<\/a><\/li>\n<\/ul>\n<h2>Videos<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=QJr8HDviws0&amp;feature=channel_video_title\">Quick start accessibility testing on iPhone or iPad (video with captions by Yahoo)<\/a><\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=6_TFHqIHBqM&amp;layer_token=4f348e3f971a1ca6\">Using iPhone 4 with a Braille display &#8211; Victor Tsaran (video with captions)<\/a><\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=t60voPIY5xY\">Navigating a web page with VoiceOver on an iPhone (video with captions by Yahoo with Victor Tsaran)<\/a><\/li>\n<\/ul>\n<h2>Android<\/h2>\n<ul>\n<li><a href=\"https:\/\/support.google.com\/accessibility\/android\/search?q=talkback\">TalkBack Google results<\/a><\/li>\n<li><a href=\"https:\/\/support.google.com\/accessibility\/android\/answer\/6007100?hl=en\">Turn TalkBack on<\/a><\/li>\n<li><a href=\"https:\/\/support.google.com\/accessibility\/android\/answer\/6283677?hl=en\">Get started on Android with TalkBack<\/a><\/li>\n<li><a href=\"https:\/\/developer.android.com\/guide\/topics\/ui\/accessibility\/index.html\">Developer Guidelines<\/a><\/li>\n<li><a href=\"http:\/\/arstechnica.com\/gadgets\/2016\/03\/google-releases-new-tool-to-scan-android-apps-for-accessibility-issues\/\">Accessibility Apps Scanner<\/a><\/li>\n<\/ul>\n<h2>Brad Frost<\/h2>\n<ul>\n<li><a href=\"http:\/\/bradfrost.com\/blog\/mobile\/test-on-real-mobile-devices-without-breaking-the-bank\/\">Test on Real Mobile Devices without Breaking the Bank<\/a><\/li>\n<li><a href=\"http:\/\/bradfrost.com\/blog\/mobile\/beyond-media-queries-anatomy-of-an-adaptive-web-design\/\">Beyond Media Queries: Anatomy of an Adaptive Web Design (slides)<\/a><\/li>\n<\/ul>\n<h2>Jason Grigsby<\/h2>\n<ul>\n<li>W<a href=\"https:\/\/cloudfour.com\/thinks\/where-are-the-mobile-first-responsive-web-designs\/\">here are the Mobile First Responsive Web Designs?<\/a><\/li>\n<li><a href=\"http:\/\/blog.cloudfour.com\/on-mobile-context\/\">On Mobile Context<\/a><\/li>\n<li><a href=\"https:\/\/uxim15.uie.com\/speakers\/jason-grigsby\/b\">When Responsive Web Design Meets the Real World (audio with transcript)<\/a><\/li>\n<\/ul>\n<h2>Brian Fling<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.slideshare.net\/fling\/designing-mobile-experiences\">Designing Mobile Experiences (slides)<\/a><\/li>\n<li class=\"notranslate slideshow-title-text\"><span class=\"j-title-breadcrumb\"><a href=\"http:\/\/www.slideshare.net\/fling\/whats-next-how-mobile-is-changing-design\">What&#8217;s Next: How Mobile is Changing Design (slides)<\/a><br \/>\n<\/span><\/li>\n<li class=\"notranslate slideshow-title-text\"><a href=\"https:\/\/www.quora.com\/How-long-does-it-take-to-design-and-develop-a-well-designed-iPhone-app-like-Path-Airbnb-and-Square\/answer\/Brian-Fling?srid=0im\">How long does it take to design and develop a well-designed iPhone app like Path, Airbnb and Square?<\/a><\/li>\n<\/ul>\n<h2>SSB Bart Group<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.ssbbartgroup.com\/blog\/pdf-accessibility-on-mobile-devices\/\">PDF Accessibility on Mobile Devices<\/a><\/li>\n<li><a href=\"http:\/\/www.ssbbartgroup.com\/blog\/mobile-browser-support-for-aria-roles-states-and-properties\/\">Mobile Browser Support for ARIA Roles, States, and Properties<\/a><\/li>\n<\/ul>\n<h2>Rachel Andrew<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.smashingmagazine.com\/2010\/07\/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website\/\">How To Use CSS3 Media Queries To Create a Mobile Version of Your Website<\/a><\/li>\n<li><a href=\"https:\/\/www.smashingmagazine.com\/2011\/07\/create-an-html-and-css-mobile-web-app-using-sencha-touch\/\">Create An HTML\/CSS Mobile Web App Using Sencha Touch<\/a><\/li>\n<\/ul>\n<h2>PPK<\/h2>\n<ul>\n<li><a href=\"http:\/\/quirksmode.org\/m\/css.html\">CSS Contents and Browser Compatibility &#8211; Mobile<\/a><\/li>\n<\/ul>\n<h2>jQuery<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.sitepoint.com\/50-jquery-mobile-development\/\">50 jQuery Mobile Development Tips<\/a><\/li>\n<li><a href=\"https:\/\/www.filamentgroup.com\/lab\/jquery-mobile-state-of-framework-2011.html\">Slides from jQuery Mobile State of the Framework 2011, Todd Parker and Scott Jehl<\/a><\/li>\n<li><a href=\"http:\/\/jqtjs.com\/\">jQTouch \u2014 jQuery plugin for mobile web development<\/a><\/li>\n<\/ul>\n<h2>Miscellaneous Mobile Accessibility<\/h2>\n<ul>\n<li><a href=\"http:\/\/mobilehtml5.org\/\">What Works on Mobile from HTML5<\/a><\/li>\n<li><a href=\"https:\/\/www.smashingmagazine.com\/2014\/05\/mobile-accessibility-why-care-what-can-you-do\/\">Mobile accessibility <\/a>why<a href=\"https:\/\/www.smashingmagazine.com\/2014\/05\/mobile-accessibility-why-care-what-can-you-do\/\"> care what can you do about it<\/a><\/li>\n<li><a href=\"https:\/\/soap.stanford.edu\/tips-and-tools\/mobile\">Standford mobile tips and tools<\/a><\/li>\n<li><a href=\"https:\/\/medium.com\/@kollinz\/misused-mobile-ux-patterns-84d2b6930570#.1ad4bp4ym\">Misused mobile UX patterns<\/a><\/li>\n<li><a href=\"http:\/\/uxmovement.com\/mobile\/why-you-should-avoid-using-modal-windows-on-mobile\/\">Why You Should Avoid Using Modal Windows on Mobile<\/a><\/li>\n<li><a href=\"https:\/\/medium.com\/@supjoey\/the-curtain-menu-redesigning-drop-down-navigation-for-mobile-bd63b555a3df#.2aw0h7m5y\">A new mobile navigation menu Converting the desktop dropdown nav<\/a><\/li>\n<li><a href=\"http:\/\/www.emarketer.com\/Article.aspx?R=1008010\">Mobile Users Prefer Browsers over Apps<\/a><\/li>\n<li><a href=\"http:\/\/people.opera.com\/brucel\/talks\/2009\/bournemouth\/mobile\/\">The next billion people online (slides) &#8211; Bruce Lawson<\/a><\/li>\n<li><a href=\"http:\/\/www.slideshare.net\/redux\/making-your-site-mobilefriendly-ignite-manchester-01032010\">Making Your Site Mobile-friendly &#8211; Ignite Manchester 01.03.2010\u00a0 (slides) &#8211; Patrick Lauke<\/a><\/li>\n<li><a href=\"http:\/\/www.slideshare.net\/dappelquist\/standardsnext-preseo-appelquist\">Rise of Mobile and Web Runtimes &#8211; for Standards-Next (slides)<\/a><\/li>\n<li><a href=\"http:\/\/www.slideshare.net\/jonathanstark\/building-mobile-apps-with-html-css-and-javascript\">Building Mobile Apps with HTML, CSS, and JavaScript (slides)<\/a><\/li>\n<li><a href=\"http:\/\/www.slideshare.net\/mikebrenner\/designing-for-the-mobile-web-6106126\">Designing for the Mobile Web &#8211; Michael Dick (slides)<\/a><\/li>\n<li><a href=\"https:\/\/www.nngroup.com\/articles\/mobile-site-vs-full-site\/\">Mobile Site vs. Full Site &#8211; Jakob Nielson<\/a><\/li>\n<li><a href=\"http:\/\/www.slideshare.net\/jameswillweb\/css3-media-queries-mobile-elixir-or-css-snake-oil\"><span class=\"j-title-breadcrumb\">CSS3 Media Queries: Mobile Elixir or CSS Snake Oil<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.scribd.com\/document\/65340065\/2011-09-17-Mobile-in-Korea-MobileUXcamp-DC\">Mobile in Korea (Mobile UX Camp DC) &#8211; 2011<\/a><\/li>\n<li><a href=\"http:\/\/martinkool.com\/post\/13629963755\/firebug-on-ipad-and-iphone\">How to use Firebug on your iPad and iPhone<\/a><\/li>\n<li><a href=\"http:\/\/mobiphonespec.com\/cellphone-screen-resolution.php\">Cell Phone Screen Resolution, sorted by brand and model<\/a><\/li>\n<\/ul>\n<p>Hopefully, some or all these were helpful to you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Two people over a week ago asked me for mobile resources one for checking accessibility on mobile devices and the other for general information, so I figured I would publish them for all to see. Here are a bunch of &hellip; <a href=\"http:\/\/www.jfciii.com\/blog\/2016\/05\/20\/mobile-articles-blog-posts-resources-etc-from-work-and-home-computer-bookmarks\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23,208,207,95,96,53,21,25,26,87,209,206,211,210],"tags":[],"class_list":["post-649","post","type-post","status-publish","format-standard","hentry","category-accessibility","category-android","category-apple","category-braille","category-braille-reader","category-cell-phone","category-css","category-design","category-development","category-html","category-ios","category-mobile","category-talkback","category-voiceover"],"_links":{"self":[{"href":"http:\/\/www.jfciii.com\/blog\/wp-json\/wp\/v2\/posts\/649","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.jfciii.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.jfciii.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.jfciii.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.jfciii.com\/blog\/wp-json\/wp\/v2\/comments?post=649"}],"version-history":[{"count":30,"href":"http:\/\/www.jfciii.com\/blog\/wp-json\/wp\/v2\/posts\/649\/revisions"}],"predecessor-version":[{"id":746,"href":"http:\/\/www.jfciii.com\/blog\/wp-json\/wp\/v2\/posts\/649\/revisions\/746"}],"wp:attachment":[{"href":"http:\/\/www.jfciii.com\/blog\/wp-json\/wp\/v2\/media?parent=649"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.jfciii.com\/blog\/wp-json\/wp\/v2\/categories?post=649"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.jfciii.com\/blog\/wp-json\/wp\/v2\/tags?post=649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}