Website Review with Screen Reader vs. SiteImprove
•Download as PPTX, PDF•
0 likes•17 views
Comparison of Accessibility test results with automation versus a walkthrough of the site with Apple Voice Over screen reader. The presentation was made to my team members at Mississippi State University Libraries to demonstrate the effectiveness of SiteImprove, our automated website accessibility checker compared with the actual experience of using the site with assistive technology. As a novice with assistive technology, this does not serve as a legitimate study or review of the site, but simply a demonstration.
Report
Share
Report
Share
Recommended
CSS for Mobile
This document discusses CSS for mobile platforms. It notes that approximately 15% of internet traffic is now from mobile devices, with Mobile Safari holding a 67% usage share. It discusses two approaches to mobile CSS: using a separate style sheet for mobile or adding additional rules in the same style sheet. It provides examples of CSS properties that are useful for mobile like viewport, background-size, gradients, and rgba colors. It outlines best practices like reducing assets, using CSS instead of images, hiding non-essential elements, using native fonts, simplifying layouts, and reordering content. It also lists some real world examples and additional resources for mobile CSS.
Intro to jQuery for Drupal
This document provides an overview of jQuery and how it can be used with Drupal. It describes what jQuery is, how Drupal incorporates it into core, how to add jQuery to a theme, behaviors, sending settings to jQuery, overriding jQuery functions, progressive enhancement, common use cases, popular modules, and jQuery UI. Resources mentioned include the jQuery API documentation and using Firebug for debugging. The document demonstrates how to use jQuery.
How to start developing apps for Firefox OS
This document provides an overview of how to develop apps for Firefox OS. It discusses the core components of Firefox OS including Gonk, Gecko, and Gaia. Native apps are developed using HTML5, CSS3, and JavaScript. The document outlines the steps to create a simple "Hello World" app and discusses tools needed like the Firefox Nightly browser and B2G simulator. It also provides an example of developing a more advanced e-reader app that imports ePub books from the SD card and allows navigation of book contents.
Webpack: What it is, What it does, Whether you need it
Webpack is a module bundler that bundles JavaScript files and their dependencies into packages that can be loaded in a browser. It provides features like module bundling, code splitting, tree shaking, code minification and optimization. While powerful, its configuration can be complex and obtuse. Alternatives like Browserify provide similar functionality but may be easier to use.
Dangerous CSS
The document discusses best practices for organizing and structuring CSS code, including:
1. Using inheritance, cascading, and specificity principles to determine which styles take precedence.
2. Avoiding inline styles, <br> tags for spacing, for empty elements, and tables for layout as they harm semantics and structure.
3. Preferring class names over IDs due to lower specificity, and using flexbox, grid, rem/em units, and preprocessing with LESS/Sass for modularity and responsive design.
Wheel.js
Does the world need another front-end JavaScript framework. Apparently it does. This is a presentation on the need for a mobile and desktop web framework, and one possible rebuilding of the wheel.
Web Standards and Accessibility
This document introduces web standards and accessibility. It discusses how Jeffrey Zeldman and the Web Standards Project advocated for standards to make websites more accessible, compatible across browsers and devices, and sustainable over time. The document explains key standards like XHTML, CSS, and DOM that separate website structure, style and behavior. It also outlines why standards help with accessibility, device independence, performance and more. Finally, it provides an overview of different types of disabilities that standards aim to support, such as visual, motor and cognitive impairments.
Beginning jQuery Mobile
The document provides an introduction to jQuery Mobile, covering what topics will and won't be covered. It discusses the basics of jQuery Mobile including page structure, dynamic DOM manipulation, HTML5 pseudo-attributes, form elements, lists, multi-page apps, and events. It also offers tips on debugging, performance, and links to additional resources for learning jQuery Mobile.
Recommended
CSS for Mobile
This document discusses CSS for mobile platforms. It notes that approximately 15% of internet traffic is now from mobile devices, with Mobile Safari holding a 67% usage share. It discusses two approaches to mobile CSS: using a separate style sheet for mobile or adding additional rules in the same style sheet. It provides examples of CSS properties that are useful for mobile like viewport, background-size, gradients, and rgba colors. It outlines best practices like reducing assets, using CSS instead of images, hiding non-essential elements, using native fonts, simplifying layouts, and reordering content. It also lists some real world examples and additional resources for mobile CSS.
Intro to jQuery for Drupal
This document provides an overview of jQuery and how it can be used with Drupal. It describes what jQuery is, how Drupal incorporates it into core, how to add jQuery to a theme, behaviors, sending settings to jQuery, overriding jQuery functions, progressive enhancement, common use cases, popular modules, and jQuery UI. Resources mentioned include the jQuery API documentation and using Firebug for debugging. The document demonstrates how to use jQuery.
How to start developing apps for Firefox OS
This document provides an overview of how to develop apps for Firefox OS. It discusses the core components of Firefox OS including Gonk, Gecko, and Gaia. Native apps are developed using HTML5, CSS3, and JavaScript. The document outlines the steps to create a simple "Hello World" app and discusses tools needed like the Firefox Nightly browser and B2G simulator. It also provides an example of developing a more advanced e-reader app that imports ePub books from the SD card and allows navigation of book contents.
Webpack: What it is, What it does, Whether you need it
Webpack is a module bundler that bundles JavaScript files and their dependencies into packages that can be loaded in a browser. It provides features like module bundling, code splitting, tree shaking, code minification and optimization. While powerful, its configuration can be complex and obtuse. Alternatives like Browserify provide similar functionality but may be easier to use.
Dangerous CSS
The document discusses best practices for organizing and structuring CSS code, including:
1. Using inheritance, cascading, and specificity principles to determine which styles take precedence.
2. Avoiding inline styles, <br> tags for spacing, for empty elements, and tables for layout as they harm semantics and structure.
3. Preferring class names over IDs due to lower specificity, and using flexbox, grid, rem/em units, and preprocessing with LESS/Sass for modularity and responsive design.
Wheel.js
Does the world need another front-end JavaScript framework. Apparently it does. This is a presentation on the need for a mobile and desktop web framework, and one possible rebuilding of the wheel.
Web Standards and Accessibility
This document introduces web standards and accessibility. It discusses how Jeffrey Zeldman and the Web Standards Project advocated for standards to make websites more accessible, compatible across browsers and devices, and sustainable over time. The document explains key standards like XHTML, CSS, and DOM that separate website structure, style and behavior. It also outlines why standards help with accessibility, device independence, performance and more. Finally, it provides an overview of different types of disabilities that standards aim to support, such as visual, motor and cognitive impairments.
Beginning jQuery Mobile
The document provides an introduction to jQuery Mobile, covering what topics will and won't be covered. It discusses the basics of jQuery Mobile including page structure, dynamic DOM manipulation, HTML5 pseudo-attributes, form elements, lists, multi-page apps, and events. It also offers tips on debugging, performance, and links to additional resources for learning jQuery Mobile.
Mobile native-hacks
This document provides 14 lessons and hacks for building native and mobile web applications using JavaScript. It discusses issues like architecting for multiple platforms and environments, structuring the codebase, detecting the platform, improving performance of animations through CSS transitions, handling garbage collection of images and HTML, supporting touch events, adding sound, and leveraging tools like PhoneGap Build. The tips aim to help developers apply their web skills to build applications that run on both desktop and mobile devices using a single codebase.
WordPress Media in a post-Koop Universe
The document discusses WordPress media and how the speaker got started with WordPress, contributing to WordPress, Backbone, and media. It covers WordPress versions 3.5 and 3.9 which added more media features. It also discusses tools like MediaElement, shortcodes, Underscore, Backbone, and how front-end JavaScript needs to work across use cases without bloat. The document provides examples of how media like audio can be implemented in WordPress through a JavaScript API and TinyMCE editor integration.
jQuery for Drupal
This document discusses jQuery and how it can be used with Drupal. It provides an overview of jQuery, what it is best at doing, how to add jQuery to a Drupal theme, common AJAX use cases, and popular jQuery modules for Drupal. It also briefly discusses jQuery UI and resources for working with jQuery.
jQuery Mobile Introduction
jQuery Mobile Introduction
Presented at Dutch Mobile Conference, June 9, 2012
www.mobileconference.nl
Level: beginner
GDI's Products and Services
A rundown of the products and services that GDI offers. This is a shareable presentation, great for anyone who wants to learn more.
jQuery for Drupal
This document discusses jQuery and how it can be used with Drupal. It explains that jQuery was incorporated into Drupal core starting with Drupal 5 to simplify cross-browser compatibility and enable animation effects. It provides examples of jQuery syntax and discusses how to add jQuery to Drupal themes. Additionally, it outlines several common uses of jQuery with Drupal, such as expanding content and AJAX functionality, and lists some popular jQuery modules.
Web Navigation Presentation
This document discusses best practices for web navigation. It explains that navigation should guide users to desired content and provide an overview of what's available on a site. Common navigation styles are also outlined, including horizontal and vertical menus, secondary navigation, utility navigation in footers and headers, breadcrumbs, search boxes, and pagination. The document concludes with "golden rules" for navigation, such as keeping it simple, organized, and avoiding assumptions about what users will understand.
All about WordPress Posts and Pages WordCamp 2013
http://newtricks.me Beginners to WordPress sometimes miss the valuable role that Posts can play in making a website a Content Management System.
PLAT-8 Spring Web Scripts and Spring Surf
This session introduces the Spring Web Scripts and the Spring Surf framework describing how they are used to underpin the Alfresco Share user interface. As well as covering the basic concepts, this session will cover the history and future roadmap for the frameworks.
dahava
This document provides an overview of Evernote and why the author loves it. Some key points:
- Evernote allows users to capture information from various sources, organize it into notes and notebooks, and access it from multiple devices through search and sharing capabilities.
- The author recommends Evernote for its ability to capture information ubiquitously across devices and apps, as well as its security features and large user community.
- Basic functions include capturing content, organizing it into notes and notebooks which can be tagged, and accessing it through search or by notebook/tag. Premium offers increased sharing and file size limits.
Wp nhcc portfolio
This document provides information on how to showcase work using WordPress. It discusses what WordPress is, how it can be used to create blogs, websites, and online stores. It also covers plugins, themes, organizing content with categories and tags, and setting up portfolios or galleries. Common plugins, themes, and portfolio plugins are recommended, such as NexGEN Gallery, Awesome Flickr Gallery, and Portfolio Post Type. Resources for learning more about WordPress like meetups and WordCamps are also included.
Website Navigation Systems
Website navigation is critical to the success of your user experience. Your visitors may use primary or secondary options to navigate through the pages like drop downs, mega navs, speaking blocks, breadcrumbs, footers, sitemaps
PEPY Wordpress workshop-01
- The document introduces WordPress, a free and open-source content management system that can be used to create beautiful websites or blogs.
- It provides an overview of installing WordPress and getting started, including buying a domain name and hosting plan, installing WordPress manually or using one-click installation, and learning the basics of posts, pages, media, and settings.
- Additional sections cover customizing WordPress through the use of themes, widgets, plugins, and tips for optimization including search engine optimization and social media integration. The workshop aims to teach both beginner and advanced WordPress skills.
Smooth Animations for Web & Hybrid
Presented at Web Unleashed 2017. More info at www.fitc.ca/webu
Presented by Alexander Blom, Isle of Code
Overview
Adding animations to web and hybrid apps can be challenging. Aside from choosing technique, you are often left with jank and less than desirable performance.
Objective
Audience members will leave with a better understanding of animation performance & pitfalls desktop and mobile context.
Target Audience
Web/Hybrid developers looking to improve animation performance.
Assumed Audience Knowledge
Basic JS/CSS assumed
Six Things Audience Members Will Learn
What are my choices when needing to animate?
What changes in a mobile context?
What are the tradeoffs and how do I decide?
What are the common pitfalls?
How do I debug performance problems?
Getting a smooth animation.
GCC 11-13-15
The meeting covered progress updates, goals for structuring and styling a web page using the Bootstrap CSS library, an introduction to jQuery for manipulating HTML elements and handling events, and plans for the next coding assignment on JavaScript and a trial Skype meeting. Participants were asked to provide availability for a Skype call instead of an in-person meeting and to work through Lesson 10 of JavaScript coding by the next meeting.
Frameworks and webcomponents
Comparing usage and exporting to webcomponents from popular frameworks as React, Angular and VueJS. Talk from #ngVikings 2019.
Webcomponents are your frameworks best friend
Webcomponents, how to consume them from frameworks, and how to export framework-components as webcomponents.
Media music project
The website name chosen is "Digital Vintage" as it will feature relaxing music with a dubstep feel that makes people feel good. The website will include common conventions like hyperlinks, navigation bars, and a link to the home page to aid user navigation.
The Wonderful World of Drupal 8 Multilingual
In Drupal 7, we need to use a whole suite of modules to make our websites multilingual. Drupal 8 core provides much improved support for multilingual. This means that it's much easier/faster to create a multilingual site, and you won't need all those extra contributed modules. In this session, we'll look at:
How the Drupal 8 multilingual modules work
What steps you'll need to get a multilingual website up and running
Setting up multilingual components in Drupal 8
Design4Drupal Boston 2013 - Bumps in the Road to Responsive
This document discusses challenges of responsive web design and provides solutions. It addresses issues like designers thinking in pixels rather than percentages, page bloat from multiple image versions, and lack of ideal design tools. Suggested approaches include using a fluid grid, delivering optimized responsive images, modular CSS, and conditionally loading content. The document also recommends starting with a community theme like AdaptiveTheme, Omega or Zen to save time. Drupal 8 is advancing responsive features like mobile initiatives and conditional loading to improve front-end performance.
how to make your own website - Website design
here are some important tips and fundamentals regarding creating a website and how to design it. It will help you guys to make your own website without needing any external help and save money and create your own contacts by using your own websites.
like if you feel it good and COMMENTS are needed
The things we found in your website
This document summarizes the services and expertise offered by Acquia, a Drupal consulting firm. It discusses Acquia's Drupal and open source expertise, software industry experience, and the Acquia Network which provides Drupal support and optimized hosting. It also introduces the author and describes services like Drupal jumpstarts, workshops, audits, on-site consulting, and balancing custom and contributed code. The document emphasizes best practices in areas like content and display architecture, security, performance, infrastructure, maintenance, and deployment to help clients maintain a high-quality Drupal site.
More Related Content
What's hot
Mobile native-hacks
This document provides 14 lessons and hacks for building native and mobile web applications using JavaScript. It discusses issues like architecting for multiple platforms and environments, structuring the codebase, detecting the platform, improving performance of animations through CSS transitions, handling garbage collection of images and HTML, supporting touch events, adding sound, and leveraging tools like PhoneGap Build. The tips aim to help developers apply their web skills to build applications that run on both desktop and mobile devices using a single codebase.
WordPress Media in a post-Koop Universe
The document discusses WordPress media and how the speaker got started with WordPress, contributing to WordPress, Backbone, and media. It covers WordPress versions 3.5 and 3.9 which added more media features. It also discusses tools like MediaElement, shortcodes, Underscore, Backbone, and how front-end JavaScript needs to work across use cases without bloat. The document provides examples of how media like audio can be implemented in WordPress through a JavaScript API and TinyMCE editor integration.
jQuery for Drupal
This document discusses jQuery and how it can be used with Drupal. It provides an overview of jQuery, what it is best at doing, how to add jQuery to a Drupal theme, common AJAX use cases, and popular jQuery modules for Drupal. It also briefly discusses jQuery UI and resources for working with jQuery.
jQuery Mobile Introduction
jQuery Mobile Introduction
Presented at Dutch Mobile Conference, June 9, 2012
www.mobileconference.nl
Level: beginner
GDI's Products and Services
A rundown of the products and services that GDI offers. This is a shareable presentation, great for anyone who wants to learn more.
jQuery for Drupal
This document discusses jQuery and how it can be used with Drupal. It explains that jQuery was incorporated into Drupal core starting with Drupal 5 to simplify cross-browser compatibility and enable animation effects. It provides examples of jQuery syntax and discusses how to add jQuery to Drupal themes. Additionally, it outlines several common uses of jQuery with Drupal, such as expanding content and AJAX functionality, and lists some popular jQuery modules.
Web Navigation Presentation
This document discusses best practices for web navigation. It explains that navigation should guide users to desired content and provide an overview of what's available on a site. Common navigation styles are also outlined, including horizontal and vertical menus, secondary navigation, utility navigation in footers and headers, breadcrumbs, search boxes, and pagination. The document concludes with "golden rules" for navigation, such as keeping it simple, organized, and avoiding assumptions about what users will understand.
All about WordPress Posts and Pages WordCamp 2013
http://newtricks.me Beginners to WordPress sometimes miss the valuable role that Posts can play in making a website a Content Management System.
PLAT-8 Spring Web Scripts and Spring Surf
This session introduces the Spring Web Scripts and the Spring Surf framework describing how they are used to underpin the Alfresco Share user interface. As well as covering the basic concepts, this session will cover the history and future roadmap for the frameworks.
dahava
This document provides an overview of Evernote and why the author loves it. Some key points:
- Evernote allows users to capture information from various sources, organize it into notes and notebooks, and access it from multiple devices through search and sharing capabilities.
- The author recommends Evernote for its ability to capture information ubiquitously across devices and apps, as well as its security features and large user community.
- Basic functions include capturing content, organizing it into notes and notebooks which can be tagged, and accessing it through search or by notebook/tag. Premium offers increased sharing and file size limits.
Wp nhcc portfolio
This document provides information on how to showcase work using WordPress. It discusses what WordPress is, how it can be used to create blogs, websites, and online stores. It also covers plugins, themes, organizing content with categories and tags, and setting up portfolios or galleries. Common plugins, themes, and portfolio plugins are recommended, such as NexGEN Gallery, Awesome Flickr Gallery, and Portfolio Post Type. Resources for learning more about WordPress like meetups and WordCamps are also included.
Website Navigation Systems
Website navigation is critical to the success of your user experience. Your visitors may use primary or secondary options to navigate through the pages like drop downs, mega navs, speaking blocks, breadcrumbs, footers, sitemaps
PEPY Wordpress workshop-01
- The document introduces WordPress, a free and open-source content management system that can be used to create beautiful websites or blogs.
- It provides an overview of installing WordPress and getting started, including buying a domain name and hosting plan, installing WordPress manually or using one-click installation, and learning the basics of posts, pages, media, and settings.
- Additional sections cover customizing WordPress through the use of themes, widgets, plugins, and tips for optimization including search engine optimization and social media integration. The workshop aims to teach both beginner and advanced WordPress skills.
Smooth Animations for Web & Hybrid
Presented at Web Unleashed 2017. More info at www.fitc.ca/webu
Presented by Alexander Blom, Isle of Code
Overview
Adding animations to web and hybrid apps can be challenging. Aside from choosing technique, you are often left with jank and less than desirable performance.
Objective
Audience members will leave with a better understanding of animation performance & pitfalls desktop and mobile context.
Target Audience
Web/Hybrid developers looking to improve animation performance.
Assumed Audience Knowledge
Basic JS/CSS assumed
Six Things Audience Members Will Learn
What are my choices when needing to animate?
What changes in a mobile context?
What are the tradeoffs and how do I decide?
What are the common pitfalls?
How do I debug performance problems?
Getting a smooth animation.
GCC 11-13-15
The meeting covered progress updates, goals for structuring and styling a web page using the Bootstrap CSS library, an introduction to jQuery for manipulating HTML elements and handling events, and plans for the next coding assignment on JavaScript and a trial Skype meeting. Participants were asked to provide availability for a Skype call instead of an in-person meeting and to work through Lesson 10 of JavaScript coding by the next meeting.
Frameworks and webcomponents
Comparing usage and exporting to webcomponents from popular frameworks as React, Angular and VueJS. Talk from #ngVikings 2019.
Webcomponents are your frameworks best friend
Webcomponents, how to consume them from frameworks, and how to export framework-components as webcomponents.
Media music project
The website name chosen is "Digital Vintage" as it will feature relaxing music with a dubstep feel that makes people feel good. The website will include common conventions like hyperlinks, navigation bars, and a link to the home page to aid user navigation.
The Wonderful World of Drupal 8 Multilingual
In Drupal 7, we need to use a whole suite of modules to make our websites multilingual. Drupal 8 core provides much improved support for multilingual. This means that it's much easier/faster to create a multilingual site, and you won't need all those extra contributed modules. In this session, we'll look at:
How the Drupal 8 multilingual modules work
What steps you'll need to get a multilingual website up and running
Setting up multilingual components in Drupal 8
Design4Drupal Boston 2013 - Bumps in the Road to Responsive
This document discusses challenges of responsive web design and provides solutions. It addresses issues like designers thinking in pixels rather than percentages, page bloat from multiple image versions, and lack of ideal design tools. Suggested approaches include using a fluid grid, delivering optimized responsive images, modular CSS, and conditionally loading content. The document also recommends starting with a community theme like AdaptiveTheme, Omega or Zen to save time. Drupal 8 is advancing responsive features like mobile initiatives and conditional loading to improve front-end performance.
What's hot (20)
Design4Drupal Boston 2013 - Bumps in the Road to Responsive
Design4Drupal Boston 2013 - Bumps in the Road to Responsive
Similar to Website Review with Screen Reader vs. SiteImprove
how to make your own website - Website design
here are some important tips and fundamentals regarding creating a website and how to design it. It will help you guys to make your own website without needing any external help and save money and create your own contacts by using your own websites.
like if you feel it good and COMMENTS are needed
The things we found in your website
This document summarizes the services and expertise offered by Acquia, a Drupal consulting firm. It discusses Acquia's Drupal and open source expertise, software industry experience, and the Acquia Network which provides Drupal support and optimized hosting. It also introduces the author and describes services like Drupal jumpstarts, workshops, audits, on-site consulting, and balancing custom and contributed code. The document emphasizes best practices in areas like content and display architecture, security, performance, infrastructure, maintenance, and deployment to help clients maintain a high-quality Drupal site.
Oxford DrupalCamp 2012 - The things we found in your website
The document discusses various issues found on a website during an audit. It describes symptoms of problems with content architecture like duplicate content types and unused fields. It also outlines issues with site architecture such as custom modules that are not well designed or reusable, unnecessary complexity from unused features, and basic security vulnerabilities around outdated software, permissions, and injection attacks. The document provides guidance on how to further investigate and address these problems.
5 Common Mistakes You are Making on your Website
The document discusses common mistakes that are often found during website audits. It covers 5 categories: content architecture, display architecture, site architecture, security, and performance. Some examples of mistakes mentioned include having similar content types, not reusing fields, extra modules installed that are not useful, reinventing functionality that Drupal already provides well, outdated core/contrib modules, and complex queries without indexes. The document provides best practices for each category such as planning content architecture ahead of time, separating logic from presentation, using the right hooks for custom modules, keeping software updated, and optimizing databases before caching. It emphasizes the importance of testing, environments, and maintenance for the website lifecycle.
Introduction to web sites design
The document provides an overview of web page design and how to create a basic website. It discusses objectives like creating pages with titles, text, images and hyperlinks. It defines what a website is and how they work by being uploaded to an FTP server and accessed by users. It outlines the steps to design a site, including deciding the purpose, flowcharting content, designing interfaces and beginning creation. It also discusses using HTML and web design software to build pages and shares examples of effective and ineffective design practices.
DIGIT Noe 2016 - Overview of front end development today
This document provides an overview of front-end development approaches, including traditional server-side rendering and modern single-page applications (SPAs). It discusses the evolution from traditional to SPA approaches, characteristics of SPAs like modularity and client-side rendering, and considerations for choosing between server-side and client-side solutions. The document also showcases GitHub.com and the Azure Portal as examples of applications that take hybrid approaches, with some modules behaving as traditional sites and others as fully-fledged SPAs.
Week01 jan19 introductionto_php
This document provides an introduction to PHP. It defines dynamic websites as those built using scripting languages like PHP, ASP.NET, JSP, and Ruby on Rails that generate code for the site on the server-side, compared to static websites built with HTML and JavaScript that only display pre-compiled pages. PHP is introduced as a widely used scripting language especially for web development that can be embedded into HTML. The document also discusses how PHP code is executed on the server and returns dynamic content to users, and how PHP can interface with databases like MySQL to power features like user accounts, content management, and data-driven sites.
How to Develop a Genealogical Website
This document provides guidance on developing a genealogical website. It discusses determining the purpose of the site, hosting options including free and paid hosting, basic website building concepts, publishing genealogical data, marketing the site, and tracking website usage. The key steps outlined are choosing a host, registering a domain name, setting up the site structure, adding content and data, promotion strategies, and using analytics to monitor traffic.
Online exhibits in Plone
Museums, libraries, art institutes, and many other types of organizations need online exhibits - websites that mimic the experience of walking through a gallery discovering interesting and beautiful objects. Commercial museum collections management systems often provide this, but they are expensive and their features are often limited or require extensive customization. Open source exhibit software has proliferated in recent years, and some of these systems now provide features that approach CMS functionality. But what if you are starting with Plone, which is already a full-featured CMS?
Dumbarton Oaks Research Library and Collection is engaged in a major website redesign, and they have selected Plone as their CMS. Online exhibits will be an important part of their new website. They envisioned many features, such as image panning and zooming, timelines, favorites, and object comparison, and they also envisioned that online exhibits would be easy for content editors - even interns - to assemble. In this talk I will describe the online exhibit package that we have created for Dumbarton Oaks, and our incremental approach to defining and implementing it.
On Again; Off Again - Benjamin Young - ebookcraft 2017
Over the past year, the world’s leading browsers have added features enabling web applications and publications to “phase shift” between online and offline states. Surrounding these new features is a growing set of communities broadly coalescing around the term “offline-first.” In this talk, we’ll take a look at some of the key bits of technology being used by these new phase-shifting applications, as well as how the W3C’s Digital Publishing Interest Group is exploring these (and other ideas) for possible use in Portable Web Publications.
March 23, 2017
The Mobile Development Landscape
A talk I was asked to give on the various options for building mobile applications / getting content onto mobile devices.
I chose to organize it as gradient surveying the spectrum from web to native, all the stuff in between. Unfortunately for native I've only had experience with iOS so I couldn't really speak towards the other platforms.
I do think that non native solutions can take care of 95% of the use cases, and this gap will only narrow as time goes on - I'm thinking back to early 2010 when cross platform SDKs like Appcelerator Titanium came onto the scene and how much has changed.
eMusic: WordPress in the Enterprise
eMusic is a digital music subscription service that allows users to discover, download, and own music. It is moving its content management system from a legacy platform to WordPress to take advantage of WordPress' custom post types, taxonomies, and plugin ecosystem. This transition involves planning the import of existing content and customizing WordPress with plugins to support eMusic's regionalized catalog and complex data needs. The experience has highlighted both WordPress' capabilities for complex websites and the ongoing costs and challenges of maintaining a dynamic WordPress site at scale.
27.1.2014, Tampere. Perinteinen mobiilimaailma murroksessa. Petri Niemi: Sing...
Perinteisistä web-sivustoista kohti moderneja web-sovelluksia: mitä ovat niin sanotut ’single page applications’ ja mihin niitä käytetään? Entä miten taikasanat HTML5, AJAX ja HTTPRest liittyvät asiaan?
Secrets of WordPress Success - BlueGlass LA
My slides from the BlueGlass LA presentation on WordPress. Geared towards marketers and users (not developers) it gives a good look into strong site management.
SEO for developers (session 1)
Session 1 of RankAbove's SEO workshop tailored to developers. RankAbove Senior Analyst Avromi Sommers breaks down the history of SEO, on-page search, site structure, sitemaps (including those for video and news), mobile SEO, and structure for foreign language sites.
User Interface Tips and Tricks for the Power User - Penelope Coventry
Often information workers are asked to make their SharePoint site look pretty. This session will look at what a power user should and should not do to enhance the User Interface of sites. It will include explanations of page types, master pages and Page Layouts as well as what is responsive web design. Then using no-code, Penny will amend the look and feel of page, including composed looks, adding buttons to the Ribbon and the List Item Menu. This is not a developer session and will cover both SharePoint in Office 365, and on-premises installations of SharePoint 2013.
Developing an Accessible Web
The WAI-ARIA specification has been a shot in the arm for accessibility on the web. In this talk, I'll cover the basics of building accessible web applications without ARIA, and then how to add ARIA for some extra accessibility magic.
SharePoint Development in Government Environments
This document discusses development approaches and tools for building solutions in government SharePoint environments that have restrictions and limitations compared to typical on-premises or commercial environments. It outlines restrictions around server-side access, administration access, available tools and software. It then evaluates different approaches for building solutions within these constraints, including using out of the box components, JavaScript, REST, and no-code options like content editors.
Untying the Knots of Web Dev with Internet Explorer
Tips & tricks to make it easier to develop web pages that work in Internet Explorer - including references to Modern.IE and Compat Inspector
Single page applications the basics
Single Page Applications or SPAs are a hot topic today, however most developers feel lost. We are going to explore the basic concepts of a SPA, go over a few gotchas and traps and cover some best practices. This is not a talk about a specific framework, but more of a breakdown of how a SPA is composed, many key working concepts and some techniques you should employ for a successful modern web application.
Similar to Website Review with Screen Reader vs. SiteImprove (20)
Oxford DrupalCamp 2012 - The things we found in your website
Oxford DrupalCamp 2012 - The things we found in your website
DIGIT Noe 2016 - Overview of front end development today
DIGIT Noe 2016 - Overview of front end development today
On Again; Off Again - Benjamin Young - ebookcraft 2017
On Again; Off Again - Benjamin Young - ebookcraft 2017
27.1.2014, Tampere. Perinteinen mobiilimaailma murroksessa. Petri Niemi: Sing...
27.1.2014, Tampere. Perinteinen mobiilimaailma murroksessa. Petri Niemi: Sing...
User Interface Tips and Tricks for the Power User - Penelope Coventry
User Interface Tips and Tricks for the Power User - Penelope Coventry
Untying the Knots of Web Dev with Internet Explorer
Untying the Knots of Web Dev with Internet Explorer
Recently uploaded
Impact of Fonts: in Web and Apps Design
Fonts play a crucial role in both User Interface (UI) and User Experience (UX) design. They affect readability, accessibility, aesthetics, and overall user perception.
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
学校原件一模一样【微信：6496090 】【(LSBU毕业证书)伦敦南岸大学毕业证成绩单】【微信：6496090 】学位证，留信认证（真实可查，永久存档）原件一模一样纸张工艺/offer、雅思、外壳等材料/诚信可靠,可直接看成品样本，帮您解决无法毕业带来的各种难题！外壳，原版制作，诚信可靠，可直接看成品样本。行业标杆！精益求精，诚心合作，真诚制作！多年品质 ,按需精细制作，24小时接单,全套进口原装设备。十五年致力于帮助留学生解决难题，包您满意。
本公司拥有海外各大学样板无数，能完美还原。
1:1完美还原海外各大学毕业材料上的工艺：水印，阴影底纹，钢印LOGO烫金烫银，LOGO烫金烫银复合重叠。文字图案浮雕、激光镭射、紫外荧光、温感、复印防伪等防伪工艺。材料咨询办理、认证咨询办理请加学历顾问Q/微6496090
【主营项目】
一.毕业证【q微6496090】成绩单、使馆认证、教育部认证、雅思托福成绩单、学生卡等！
二.真实使馆公证(即留学回国人员证明,不成功不收费)
三.真实教育部学历学位认证（教育部存档！教育部留服网站永久可查）
四.办理各国各大学文凭(一对一专业服务,可全程监控跟踪进度)
如果您处于以下几种情况：
◇在校期间，因各种原因未能顺利毕业……拿不到官方毕业证【q/微6496090】
◇面对父母的压力，希望尽快拿到；
◇不清楚认证流程以及材料该如何准备；
◇回国时间很长，忘记办理；
◇回国马上就要找工作，办给用人单位看；
◇企事业单位必须要求办理的
◇需要报考公务员、购买免税车、落转户口
◇申请留学生创业基金
留信网认证的作用:
1:该专业认证可证明留学生真实身份
2:同时对留学生所学专业登记给予评定
3:国家专业人才认证中心颁发入库证书
4:这个认证书并且可以归档倒地方
5:凡事获得留信网入网的信息将会逐步更新到个人身份内，将在公安局网内查询个人身份证信息后，同步读取人才网入库信息
6:个人职称评审加20分
7:个人信誉贷款加10分
8:在国家人才网主办的国家网络招聘大会中纳入资料，供国家高端企业选择人才
办理(LSBU毕业证书)伦敦南岸大学毕业证【微信：6496090 】外观非常简单，由纸质材料制成，上面印有校徽、校名、毕业生姓名、专业等信息。
办理(LSBU毕业证书)伦敦南岸大学毕业证【微信：6496090 】格式相对统一，各专业都有相应的模板。通常包括以下部分：
校徽：象征着学校的荣誉和传承。
校名:学校英文全称
授予学位：本部分将注明获得的具体学位名称。
毕业生姓名：这是最重要的信息之一，标志着该证书是由特定人员获得的。
颁发日期：这是毕业正式生效的时间，也代表着毕业生学业的结束。
其他信息：根据不同的专业和学位，可能会有一些特定的信息或章节。
办理(LSBU毕业证书)伦敦南岸大学毕业证【微信：6496090 】价值很高，需要妥善保管。一般来说，应放置在安全、干燥、防潮的地方，避免长时间暴露在阳光下。如需使用，最好使用复印件而不是原件，以免丢失。
综上所述，办理(LSBU毕业证书)伦敦南岸大学毕业证【微信：6496090 】是证明身份和学历的高价值文件。外观简单庄重，格式统一，包括重要的个人信息和发布日期。对持有人来说，妥善保管是非常重要的。
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Figma is a cloud-based design tool widely used by designers for prototyping, UI/UX design, and real-time collaboration. With features such as precision pen tools, grid system, and reusable components, Figma makes it easy for teams to work together on design projects. Its flexibility and accessibility make Figma a top choice in the digital age.
Technoblade The Legacy of a Minecraft Legend.
Technoblade, born Alex on June 1, 1999, was a legendary Minecraft YouTuber known for his sharp wit and exceptional PvP skills. Starting his channel in 2013, he gained nearly 11 million subscribers. His private battle with metastatic sarcoma ended in June 2022, but his enduring legacy continues to inspire millions.
Top Interior Designers in Bangalore.pdf1
Decormart Studio is widely recognized as one of the best interior designers in Bangalore, known for their exceptional design expertise and ability to create stunning, functional spaces. With a strong focus on client preferences and timely project delivery, Decormart Studio has built a solid reputation for their innovative and personalized approach to interior design.
Heuristics Evaluation - How to Guide.pdf
This guide helps identify potential issues related to navigation, clarity, consistency, and other factors that can affect user experience.
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
Actions and Commands:
Tap, Swipe, and Pinch
Rotate and Shake -Buttons -Menu Bars – Menus
Toolbars - Links- Action Panels
Hover Tools - Keyboard Actions- Drag-and-Drop
Typed Commands-Affordance-Direct Manipulation.
Forms and Controls:
Basics of Form Design
Patterns.
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
Architectural and constructions management experience since 2003 including 18 years located in UAE.
Coordinate and oversee all technical activities relating to architectural and construction projects,
including directing the design team, reviewing drafts and computer models, and approving design
changes.
Organize and typically develop, and review building plans, ensuring that a project meets all safety and
environmental standards.
Prepare feasibility studies, construction contracts, and tender documents with specifications and
tender analyses.
Consulting with clients, work on formulating equipment and labor cost estimates, ensuring a project
meets environmental, safety, structural, zoning, and aesthetic standards.
Monitoring the progress of a project to assess whether or not it is in compliance with building plans
and project deadlines.
Attention to detail, exceptional time management, and strong problem-solving and communication
skills are required for this role.
Revolutionizing the Digital Landscape: Web Development Companies in India
Discover unparalleled creativity and technical prowess with India's leading web development companies. From custom solutions to e-commerce platforms, harness the expertise of skilled developers at competitive prices. Transform your digital presence, enhance the user experience, and propel your business to new heights with innovative solutions tailored to your needs, all from the heart of India's tech industry.
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
CapCut is an easy-to-use video editing app perfect for beginners. To start, download and open CapCut on your phone. Tap "New Project" and select the videos or photos you want to edit. You can trim clips by dragging the edges, add text by tapping "Text," and include music by selecting "Audio." Enhance your video with filters and effects from the "Effects" menu. When you're happy with your video, tap the export button to save and share it. CapCut makes video editing simple and fun for everyone!
Practical eLearning Makeovers for Everyone
Welcome to Practical eLearning Makeovers for Everyone. In this presentation, we’ll take a look at a bunch of easy-to-use visual design tips and tricks. And we’ll do this by using them to spruce up some eLearning screens that are in dire need of a new look.
International Upcycling Research Network advisory board meeting 4
Slides used for the International Upcycling Research Network advisory board 4 (last one). The project is based at De Montfort University in Leicester, UK, and funded by the Arts and Humanities Research Council.
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
The Game Concept created as a Final Project piece for college. Creative Media year 2 student
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
原版一模一样【微信：741003700 】【美国中央华盛顿大学毕业证双学位证书】【微信：741003700 】学位证，留信认证（真实可查，永久存档）offer、雅思、外壳等材料/诚信可靠,可直接看成品样本，帮您解决无法毕业带来的各种难题！外壳，原版制作，诚信可靠，可直接看成品样本。行业标杆！精益求精，诚心合作，真诚制作！多年品质 ,按需精细制作，24小时接单,全套进口原装设备。十五年致力于帮助留学生解决难题，包您满意。
本公司拥有海外各大学样板无数，能完美还原海外各大学 Bachelor Diploma degree, Master Degree Diploma
1:1完美还原海外各大学毕业材料上的工艺：水印，阴影底纹，钢印LOGO烫金烫银，LOGO烫金烫银复合重叠。文字图案浮雕、激光镭射、紫外荧光、温感、复印防伪等防伪工艺。材料咨询办理、认证咨询办理请加学历顾问Q/微741003700
留信网认证的作用:
1:该专业认证可证明留学生真实身份
2:同时对留学生所学专业登记给予评定
3:国家专业人才认证中心颁发入库证书
4:这个认证书并且可以归档倒地方
5:凡事获得留信网入网的信息将会逐步更新到个人身份内，将在公安局网内查询个人身份证信息后，同步读取人才网入库信息
6:个人职称评审加20分
7:个人信誉贷款加10分
8:在国家人才网主办的国家网络招聘大会中纳入资料，供国家高端企业选择人才
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
Visual Style and Aesthetics: Basics of Visual Design
Visual Design for Enterprise Applications
Range of Visual Styles.
Mobile Interfaces:
Challenges and Opportunities of Mobile Design
Approach to Mobile Design
Patterns
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
How to apply for building permit in the city of Caloocan?
What is a building permit?
Who applies for building permit?
PDF SubmissionDigital Marketing Institute in Noida
https://www.safalta.com/online-digital-marketing/advance-digital-marketing-training-in-noidaTop Digital Marketing Institute in Noida: Boost Your Career Fast
[3:29 am, 30/05/2024] +91 83818 43552: Safalta Digital Marketing Institute in Noida also provides advanced classes for individuals seeking to develop their expertise and skills in this field. These classes, led by industry experts with vast experience, focus on specific aspects of digital marketing such as advanced SEO strategies, sophisticated content creation techniques, and data-driven analytics.
Graphic Design Tools and Software .pptx
Explore the essential graphic design tools and software that can elevate your creative projects. Discover industry favorites and innovative solutions for stunning design results.
Recently uploaded (20)
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
Website Review with Screen Reader vs. SiteImprove
- 1. Website Review with a screen reader How to make an accessible site usable
- 2. WCAG: Making a website compliant Web Content Accessibility Guidelines (WCAG) • Well-structured HTML • Understandable by assistive technology like screen readers • Keyboard-only navigation Accessibility Checker – SiteImprove • Checks website using each guideline and reports any issues Does a perfect score mean the website is accessible?
- 3. What is a screen reader? • Assistive Technology – reads out the computer screen • Many screen readers available each with their own rules • Screen readers are customizable • Users create their own work-arounds • Impossible to have the exact experience of another user • We can test our alt-text, ARIA labels, and screen reader-only content
- 4. southernliterarytrail.org • Checked with SiteImprove • All issues cleared • Tested with screen reader • More than a dozen issues • None identified by SiteImprove • Made the site nearly unusable
- 5. 1) HTML page title Homepage | Southern Literary Trail • Text that appears on browser tab • First thing read by screen reader "homepage vertical line southern literary trail" Homepage – Southern Literary Trail • Replace vertical spacer with hyphen • Screen reader reads with a slight pause "homepage, southern literary trail"
- 6. 2) Home link in nav bar • Drupal options – display home link several different ways • Hidden visually, but still there! • Screen reader repeats link "link, home, link southern literary trail, link, the writers..." • Be sure to only set the home link in one place in Drupal! • Visual and screen reader versions should be the same
- 7. 4) Slide Show • Background image changes every few seconds • Images hidden from screen reader, controls are not • Keyboard-only control must be present • Website title on the slide will be read out once for each slide! • Static background image set to "role=presentation" • Random slide presented on page load
- 8. 10) Location Cards • "Cards" are a style for presenting content • Location cards include image, title, and city. Each are links. "image link, andalusia farm in milledgeville georgia, title link andalusia, link atlanta, link georgia" • Wrap the entire "card" in the link • Remove all links inside • Give the image a "role=presentation" "link andalusia"
- 10. Thank you Questions? Full blog post about this website review: https://helpdesk.library.msstate.edu/docs/display/ACCESSIBILITY/2019/11/26/Website+Review+with+Apple+VoiceOver