Presentation at The Accessibility Conference 2014 by Sandy Feldman and Tom Auger, covering high-level audits and best practices to bring a theme in line with WCAG / AODA guidelines.
This presentation covers WordPress security using the popular iThemes Security plugin. We go over details and settings for both the free and premium versions of the plugin.
Launching a WordPress Site 101 (Cincinnati WordPress, August 2015)Andrew Duthie
This is the first of a two-part series covering common and best practices around launching a new WordPress site to your web host. While this first session is slightly more introductory, it still covers some of the more technical aspects of moving files and databases. Topics covered include:
• Determining what needs to be moved to your web host
• Prerequisites for migrating your site (tools, credentials)
• Differences between site files (themes, uploads) and content (database)
• Required changes if the domain name has changed
The discussion was concluded with a short demonstration.
While this is handy information for developers who build sites locally, the hope is that there is useful information for those who find themselves needing to move a site from one web host to another.
--
Credits for slide graphics to Wilson Joseph, Noun Project
Presentation to YYC Bloggers Meetup on Plugins and Securing WordPress.
Geared to the beginner/average user. A presentation and discussion about the basic steps to better manage your WordPress site/blog.
This document provides an overview of WordPress, including that it is a content management system used to create blogs and websites. WordPress is built using PHP, MySQL, and JavaScript, and it is free and open-source software. The document discusses hosting and installing WordPress, the features of WordPress including pages, posts, themes, widgets, and plugins. It also provides information on finding web hosting and domain providers.
This document provides tips and recommendations for securing a WordPress website. It recommends hosting providers, themes, plugins, and techniques for backups, file permissions, passwords, usernames, and preventing and recovering from hacks. Key recommendations include installing security plugins, regular backups, using strong passwords, limiting the admin account, and updating WordPress and all plugins. The document emphasizes that backups are critical and that all websites will eventually be hacked, so preparations are important.
This document provides an overview of the Bootstrap framework. It discusses what Bootstrap is, how it can be used to create responsive web designs, and its advantages like pre-defined styles and classes that save development time. The document also covers Bootstrap's grid system, examples of how to use columns at different screen sizes, and some popular components like buttons, tables and carousels.
The document discusses the anatomy of a URL and its key components. It explains that a URL identifies network resources on the internet using a protocol, domain name, and path. The protocol specifies how the browser communicates with the web server, such as HTTP. The domain name identifies the website. The path refers to files or directories on the server. Web browsers use URLs to locate and access web pages by translating HTML code. Search engines also use URLs to index website content and return search results when users enter queries.
This presentation covers WordPress security using the popular iThemes Security plugin. We go over details and settings for both the free and premium versions of the plugin.
Launching a WordPress Site 101 (Cincinnati WordPress, August 2015)Andrew Duthie
This is the first of a two-part series covering common and best practices around launching a new WordPress site to your web host. While this first session is slightly more introductory, it still covers some of the more technical aspects of moving files and databases. Topics covered include:
• Determining what needs to be moved to your web host
• Prerequisites for migrating your site (tools, credentials)
• Differences between site files (themes, uploads) and content (database)
• Required changes if the domain name has changed
The discussion was concluded with a short demonstration.
While this is handy information for developers who build sites locally, the hope is that there is useful information for those who find themselves needing to move a site from one web host to another.
--
Credits for slide graphics to Wilson Joseph, Noun Project
Presentation to YYC Bloggers Meetup on Plugins and Securing WordPress.
Geared to the beginner/average user. A presentation and discussion about the basic steps to better manage your WordPress site/blog.
This document provides an overview of WordPress, including that it is a content management system used to create blogs and websites. WordPress is built using PHP, MySQL, and JavaScript, and it is free and open-source software. The document discusses hosting and installing WordPress, the features of WordPress including pages, posts, themes, widgets, and plugins. It also provides information on finding web hosting and domain providers.
This document provides tips and recommendations for securing a WordPress website. It recommends hosting providers, themes, plugins, and techniques for backups, file permissions, passwords, usernames, and preventing and recovering from hacks. Key recommendations include installing security plugins, regular backups, using strong passwords, limiting the admin account, and updating WordPress and all plugins. The document emphasizes that backups are critical and that all websites will eventually be hacked, so preparations are important.
This document provides an overview of the Bootstrap framework. It discusses what Bootstrap is, how it can be used to create responsive web designs, and its advantages like pre-defined styles and classes that save development time. The document also covers Bootstrap's grid system, examples of how to use columns at different screen sizes, and some popular components like buttons, tables and carousels.
The document discusses the anatomy of a URL and its key components. It explains that a URL identifies network resources on the internet using a protocol, domain name, and path. The protocol specifies how the browser communicates with the web server, such as HTTP. The domain name identifies the website. The path refers to files or directories on the server. Web browsers use URLs to locate and access web pages by translating HTML code. Search engines also use URLs to index website content and return search results when users enter queries.
This document provides an overview of web development using Visual Studio 2012 and ASP.NET MVC. It discusses web fundamentals like HTTP transactions and the role of web servers. It also introduces ASP.NET MVC, covering the model-view-controller pattern, request lifecycle, and creating a sample project. The presenter demonstrates building a simple dynamic website using ASP.NET MVC in Visual Studio 2012.
This document provides instructions for setting up a food blog on WordPress.com, including choosing a name and theme, creating posts and pages, adding media like photos, and optimizing the blog for search engines. The free WordPress.com platform hosts the blog and includes basic blogging tools and a dashboard for managing content. Posts allow for titles, categories, tags, and text while pages are for static content. Customization options include headers, backgrounds, and widgets. Writing should use descriptive titles, text, tags, and categories to help with search engine optimization.
WordPress Multisite enables users to create multiple WordPress websites with a single WordPress install. It allows for sharing of themes, plugins, and users across sites while only requiring a single upgrade. There are different types of Multisite networks including subdomain, subdirectory, and domain mapping. The process for enabling Multisite involves adding code to wp-config.php and .htaccess files. The Network Admin interface allows management of all sites. Plugins and themes must be network enabled to be used across sites. Recommended plugins include Domain Mapping and Sitewide Tags.
In this presentation we cover the details of installing WordPress, go over common problems and talk about the importance of maintaining your website and basic website security.
How to Create WordPress Website in Easy StepsSingsys Pte Ltd
E-Commerce business is on heat now a days and without a good website you can't survive long. Choosing CMS like wordpress you can be a step ahead of your competitors in the market. So, learn how to make a simple wordpress site in simple steps.
This document summarizes a presentation about plugins in WordPress. It discusses the differences between plugins and widgets, provides examples of popular free plugins for various functions like comments, caching, security, and backups. It also reviews how to find, install, and manage plugins safely. Backup of sites is recommended, and security best practices are outlined like keeping software updated and using strong unique passwords.
This document discusses WordPress plugins, security, and upgrades. It provides an overview of plugins and their functionality, as well as suggestions for free and paid plugins. It then covers security best practices like keeping software updated, using strong passwords, and installing security plugins. The document also discusses backups, SEO, and the importance of upgrading WordPress, themes, and plugins regularly while testing compatibility. It aims to educate users on extending and securing their WordPress sites.
This document provides an introduction to HTML, CSS, and WordPress. It covers the basics of HTML including common tags for formatting text, images, and links. It then discusses using CSS to style HTML elements using classes, IDs, and other selectors. Finally, it gives an overview of how HTML and CSS are used together in WordPress templates and themes.
A child theme in WordPress inherits the functionality of another "parent" theme and allows customizing or adding to its features. Using a child theme allows updating the parent theme without losing customizations and saves development time. To create a child theme, make a new folder in /wp-content/themes/ with at least a style.css file to override styles from the parent theme. This allows customizing the parent theme's design while receiving future updates.
Ten Things You Should Know About WordPresssereedmedia
This document provides 10 things to know about WordPress. It discusses that WordPress is a content management system that can do more than blogs. It also distinguishes WordPress.com from self-hosted WordPress sites. Key aspects of WordPress like posts, pages, themes, plugins, customization, documentation, backups and hosting are covered. The document emphasizes adding content as the most important thing and advises being patient and not overloading the site with plugins or themes.
This document discusses using WordPress for SEO purposes. It recommends installing the Core Tweaks Setup plugin after installing WordPress to automate typical post-installation tasks. It also recommends installing the All in One SEO Pack plugin or alternatives like HeadSpace2 or Greg's High Performance SEO to automatically generate title tags, meta descriptions, and other SEO elements. For more advanced users, it suggests trying the WordPress SEO plugin by Joost de Valk, which is currently in beta but offers more control and features than All in One SEO Pack.
This document outlines an HTML and navigation workshop held over 5 weeks. Week 1 covers the basic building blocks of the web like servers, clients, browsers, and introduces HTML and CSS. Week 2 focuses on navigation using hyperlinks and working with images, video, audio in HTML. Week 3 introduces interactivity with HTML5 and JavaScript. Weeks 4 and 5 involve continuing to work on and complete an individual website project. The assignment is to build a small interactive story website using HTML and CSS that demonstrates navigation and user interaction.
Introduction to Custom WordPress ThemeingJamie Schmid
This document discusses customizing themes in WordPress. It covers the basic elements that make up a WordPress theme including HTML, PHP, CSS, JavaScript and images. It explains the minimum requirements to build a theme, including style.css and index.php files. It also discusses additional theme files, functions.php, template tags, the template hierarchy and using starter themes.
The document provides an overview of how webpages work, including:
- HTML (Hypertext Markup Language) is used to structure and present content. It uses tags to annotate text with elements like headings, paragraphs, and links.
- CSS (Cascading Style Sheets) is used to describe how HTML elements should be displayed visually.
- JavaScript can be used to add interactivity and functionality to webpages, such as form validation, animations, and AJAX requests.
- Web servers host websites and serve webpages to users. Domain names are translated to IP addresses by DNS servers.
This document discusses malware prevention and removal for websites. It begins by providing background on the speaker and his hosting business. It then emphasizes that malware is the #1 threat to websites, as it can prevent visitors, drain ad spending, and hurt search engine rankings. The document provides tips for identifying malware through warnings from users, browsers, search engines, and Google Webmaster Tools. It describes common malware patterns and provides steps for thorough removal, such as searching for suspicious scripts and code. Finally, it stresses the importance of prevention through secure passwords, updating software, and having backup and restoration processes. The overall message is that malware poses severe risks and careful prevention and response strategies are needed.
Choosing the right theme for a website involves considering its structure, design, features, support and development options. Themes define what content is displayed and add style. Stick to themes from the WordPress directory or commercial providers to avoid limitations and encrypted code. Free themes, commercial GPL themes, and modifying or customizing existing themes are good options. Blank themes and frameworks can also be built from scratch if no existing theme fits.
What you need to know to upgrade to a self-hosted WP website. An overview of WordPress website hosting options and their impact on your WordPress website. A visual map of the site setup path through Dashboard menus and settings.
This document provides an overview of building and maintaining WordPress sites. It discusses WordPress fundamentals like posts, pages, taxonomies, menus, widgets, and custom fields. It also covers themes, plugins, and common issues like plugin bloat and unoptimized images. The document recommends plugins and themes to use and provides tips for customizing WordPress through the customizer and child themes.
This document provides an overview of web development using Visual Studio 2012 and ASP.NET MVC. It discusses web fundamentals like HTTP transactions and the role of web servers. It also introduces ASP.NET MVC, covering the model-view-controller pattern, request lifecycle, and creating a sample project. The presenter demonstrates building a simple dynamic website using ASP.NET MVC in Visual Studio 2012.
This document provides instructions for setting up a food blog on WordPress.com, including choosing a name and theme, creating posts and pages, adding media like photos, and optimizing the blog for search engines. The free WordPress.com platform hosts the blog and includes basic blogging tools and a dashboard for managing content. Posts allow for titles, categories, tags, and text while pages are for static content. Customization options include headers, backgrounds, and widgets. Writing should use descriptive titles, text, tags, and categories to help with search engine optimization.
WordPress Multisite enables users to create multiple WordPress websites with a single WordPress install. It allows for sharing of themes, plugins, and users across sites while only requiring a single upgrade. There are different types of Multisite networks including subdomain, subdirectory, and domain mapping. The process for enabling Multisite involves adding code to wp-config.php and .htaccess files. The Network Admin interface allows management of all sites. Plugins and themes must be network enabled to be used across sites. Recommended plugins include Domain Mapping and Sitewide Tags.
In this presentation we cover the details of installing WordPress, go over common problems and talk about the importance of maintaining your website and basic website security.
How to Create WordPress Website in Easy StepsSingsys Pte Ltd
E-Commerce business is on heat now a days and without a good website you can't survive long. Choosing CMS like wordpress you can be a step ahead of your competitors in the market. So, learn how to make a simple wordpress site in simple steps.
This document summarizes a presentation about plugins in WordPress. It discusses the differences between plugins and widgets, provides examples of popular free plugins for various functions like comments, caching, security, and backups. It also reviews how to find, install, and manage plugins safely. Backup of sites is recommended, and security best practices are outlined like keeping software updated and using strong unique passwords.
This document discusses WordPress plugins, security, and upgrades. It provides an overview of plugins and their functionality, as well as suggestions for free and paid plugins. It then covers security best practices like keeping software updated, using strong passwords, and installing security plugins. The document also discusses backups, SEO, and the importance of upgrading WordPress, themes, and plugins regularly while testing compatibility. It aims to educate users on extending and securing their WordPress sites.
This document provides an introduction to HTML, CSS, and WordPress. It covers the basics of HTML including common tags for formatting text, images, and links. It then discusses using CSS to style HTML elements using classes, IDs, and other selectors. Finally, it gives an overview of how HTML and CSS are used together in WordPress templates and themes.
A child theme in WordPress inherits the functionality of another "parent" theme and allows customizing or adding to its features. Using a child theme allows updating the parent theme without losing customizations and saves development time. To create a child theme, make a new folder in /wp-content/themes/ with at least a style.css file to override styles from the parent theme. This allows customizing the parent theme's design while receiving future updates.
Ten Things You Should Know About WordPresssereedmedia
This document provides 10 things to know about WordPress. It discusses that WordPress is a content management system that can do more than blogs. It also distinguishes WordPress.com from self-hosted WordPress sites. Key aspects of WordPress like posts, pages, themes, plugins, customization, documentation, backups and hosting are covered. The document emphasizes adding content as the most important thing and advises being patient and not overloading the site with plugins or themes.
This document discusses using WordPress for SEO purposes. It recommends installing the Core Tweaks Setup plugin after installing WordPress to automate typical post-installation tasks. It also recommends installing the All in One SEO Pack plugin or alternatives like HeadSpace2 or Greg's High Performance SEO to automatically generate title tags, meta descriptions, and other SEO elements. For more advanced users, it suggests trying the WordPress SEO plugin by Joost de Valk, which is currently in beta but offers more control and features than All in One SEO Pack.
This document outlines an HTML and navigation workshop held over 5 weeks. Week 1 covers the basic building blocks of the web like servers, clients, browsers, and introduces HTML and CSS. Week 2 focuses on navigation using hyperlinks and working with images, video, audio in HTML. Week 3 introduces interactivity with HTML5 and JavaScript. Weeks 4 and 5 involve continuing to work on and complete an individual website project. The assignment is to build a small interactive story website using HTML and CSS that demonstrates navigation and user interaction.
Introduction to Custom WordPress ThemeingJamie Schmid
This document discusses customizing themes in WordPress. It covers the basic elements that make up a WordPress theme including HTML, PHP, CSS, JavaScript and images. It explains the minimum requirements to build a theme, including style.css and index.php files. It also discusses additional theme files, functions.php, template tags, the template hierarchy and using starter themes.
The document provides an overview of how webpages work, including:
- HTML (Hypertext Markup Language) is used to structure and present content. It uses tags to annotate text with elements like headings, paragraphs, and links.
- CSS (Cascading Style Sheets) is used to describe how HTML elements should be displayed visually.
- JavaScript can be used to add interactivity and functionality to webpages, such as form validation, animations, and AJAX requests.
- Web servers host websites and serve webpages to users. Domain names are translated to IP addresses by DNS servers.
This document discusses malware prevention and removal for websites. It begins by providing background on the speaker and his hosting business. It then emphasizes that malware is the #1 threat to websites, as it can prevent visitors, drain ad spending, and hurt search engine rankings. The document provides tips for identifying malware through warnings from users, browsers, search engines, and Google Webmaster Tools. It describes common malware patterns and provides steps for thorough removal, such as searching for suspicious scripts and code. Finally, it stresses the importance of prevention through secure passwords, updating software, and having backup and restoration processes. The overall message is that malware poses severe risks and careful prevention and response strategies are needed.
Choosing the right theme for a website involves considering its structure, design, features, support and development options. Themes define what content is displayed and add style. Stick to themes from the WordPress directory or commercial providers to avoid limitations and encrypted code. Free themes, commercial GPL themes, and modifying or customizing existing themes are good options. Blank themes and frameworks can also be built from scratch if no existing theme fits.
What you need to know to upgrade to a self-hosted WP website. An overview of WordPress website hosting options and their impact on your WordPress website. A visual map of the site setup path through Dashboard menus and settings.
This document provides an overview of building and maintaining WordPress sites. It discusses WordPress fundamentals like posts, pages, taxonomies, menus, widgets, and custom fields. It also covers themes, plugins, and common issues like plugin bloat and unoptimized images. The document recommends plugins and themes to use and provides tips for customizing WordPress through the customizer and child themes.
There is new slide for this at http://www.slideshare.net/catchinternet/contributing-to-wordpress-theme-review-at-wordpressorg
Guide to Start WordPress Theme Review. Useful for WordPress Theme Developers, wannabe WordPress Theme Developers and wannabe WordPress Theme Reviewer
Content-Driven WordPress Development - WordCamp Omaha 2014Stephanie Eckles
All about various WordPress content types and how to store custom data and create relationships with taxonomies. Transcript & slides from WordCamp Omaha.
WordCamp NEO 2016 presentation "Custom Responsive Theme Workshop" by David Brattoli
While we could use many different frameworks, premium and free themes to build our sites, I have found you need a truly custom framework to build a base to build new themes quickly to meet your project needs. This method to create a framework and then to create a child theme for the look of the site, will allow you build future sites quickly and efficiently. The session will cover why we choose this method and framework, the challenges we faced, how we tackled the challenge, and what we ended up building to solve the problem. I'll also reveal the pitfalls we discovered and how we overcame those as well.
Coding samples can be found here:
http://bit.ly/wceno-crtw-samples
This document discusses theme development in WordPress. It explains that themes allow for customization of a site's functionality and visual design. Key aspects covered include template tags, conditional tags, the loop, common template files like header.php, sidebar.php and footer.php, and building themes according to WordPress standards. Building your own theme is recommended as an opportunity to learn skills like CSS, HTML and PHP while contributing to the WordPress community.
Theme development essentials columbus oh word camp 2012Joe Querin
This document provides an overview of theme development in WordPress. It discusses what a theme is and some of the basic theme files like style.css, header.php, and footer.php. It also covers using frameworks to speed up development, making themes responsive using child themes, reasons for creating a custom theme, tips for theme development like testing and validation, and links to additional resources. The presenter has experience with graphic design, web development, and WordPress themes.
I based my presention on the great "HTML5 for Web designers" by Jeremy Keith. Awesome and pragmatic book, the way I like it. Get your copy on: http://books.alistapart.com/products/html5-for-web-designers
This presentation is just the showcase for the book that I authored with PACKT publication.
This presentation shows what all tiips/techniques we have covered to make our website more optimized for faster response using existing tools, codes and methods.
Getting started with child themes and editing CSS - The ins and outs of modifying your wordpress theme by using child themes to create a new look and layout for your blog or website. Attendees will learn how to create child themes, insert CSS, and edit basic CSS and layout features of their blog or website.
IBM Digital Experience Theme CustomizationVan Staub, MBA
This document provides an overview of theme customization capabilities in IBM Digital Experience including:
- Tools for customizing themes like the Theme Manager, Web Developer Dashboard, and Theme Editor.
- Capabilities for customizing themes like creating new themes from templates, updating styles, templates, and adding modules and profiles.
- Information on the resources and lab environment available for theme development.
This document provides an overview of advanced theme development topics in WordPress, including child themes, user interface best practices, theme testing, and more. It discusses the differences between parent and child themes and provides instructions for creating a child theme. It also covers internationalization, accessibility, and various validation techniques. References are provided for template tags and conditional tags that can be used in theme templates.
This presentation will introduce the audience to designing a WordPress theme in HTML5 and CSS3. We’ll discuss the history of HTML5, why HTML5 makes blog design easier, and what you need to do to get WordPress to output valid HTML5 code. You’ll also see how CSS3 can be used to generate an awesome-looking site using little to no graphics.
Fundamentals of developing websites using wordpress. This is the first of a two lecture series covering basic to intermediate concepts in wordpress. The lecture was feature packed with live demos covering how to make a full fledged website. Learn the best practices and the core guidelines for designing websites using the wordpress stack.
Fundamentals and Best Practices of doing Wordpress based CMS development. Guidelines for how to start designing static and dynamic websites with wordpress. Tech Talk shows various wireframes for all kinds of sites that can be developed. This was a lecture packed with many live demos covering everything from wordpress installation to development of a full fledged site complete with all pages like Home, Contact, Blog, aboutUs etc on Wordpress.
Paves way for a future more advanced lecture to cover templates, plugins and more security details.
Stepping into theme development can be daunting. Sure anyone with a little PHP skill and a basic understanding of the loop can create theme templates, but there are a number of things you can learn which can take your theme development to the next level. We’ll discuss the skills that can take you from a beginner theme developer to a master.
A video of this talk given in Boston, MA can be seen at https://www.youtube.com/watch?v=IdMEOO0JmZA
(Updated for 2017)
A child theme in WordPress allows a theme to inherit functionality from a parent theme while allowing customization without affecting core files when the parent theme is updated. Key benefits include the ability to update the parent theme without affecting the child theme, having a maintainable base theme, and easily experimenting with custom CSS, JavaScript, and other code. Creating a child theme involves making a new folder under wp-content/themes, adding a style.css file that references the parent theme, importing the parent stylesheet, and optionally adding additional files like functions.php and template files.
Stepping into theme development can be daunting. Sure anyone with a little PHP skill and a basic understanding of the loop can create theme templates, but there are a number of things you can learn which can take your theme development to the next level. We’ll discuss the skills that can take you from a beginner theme developer to a master.
Ready to Unlock the Power of Blockchain!Toptal Tech
Imagine a world where data flows freely, yet remains secure. A world where trust is built into the fabric of every transaction. This is the promise of blockchain, a revolutionary technology poised to reshape our digital landscape.
Toptal Tech is at the forefront of this innovation, connecting you with the brightest minds in blockchain development. Together, we can unlock the potential of this transformative technology, building a future of transparency, security, and endless possibilities.
Meet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdfFlorence Consulting
Quattordicesimo Meetup di Milano, tenutosi a Milano il 23 Maggio 2024 dalle ore 17:00 alle ore 18:30 in presenza e da remoto.
Abbiamo parlato di come Axpo Italia S.p.A. ha ridotto il technical debt migrando le proprie APIs da Mule 3.9 a Mule 4.4 passando anche da on-premises a CloudHub 1.0.
Instagram has become one of the most popular social media platforms, allowing people to share photos, videos, and stories with their followers. Sometimes, though, you might want to view someone's story without them knowing.
Discover the benefits of outsourcing SEO to Indiadavidjhones387
"Discover the benefits of outsourcing SEO to India! From cost-effective services and expert professionals to round-the-clock work advantages, learn how your business can achieve digital success with Indian SEO solutions.
Bridging the Digital Gap Brad Spiegel Macon, GA Initiative.pptxBrad Spiegel Macon GA
Brad Spiegel Macon GA’s journey exemplifies the profound impact that one individual can have on their community. Through his unwavering dedication to digital inclusion, he’s not only bridging the gap in Macon but also setting an example for others to follow.
25. • Use an accessible theme
• It’s possible to tinker with the php to
make the site better
• Keep the site semantic when you add
content, either by writing semantic HTML
or by using the WordPress wysiwyg
• Make sure link text makes sense out of
context
• Write alt text for images
28. A11y Team Theme Audit
make.wordpress.org/themes/guidelines
/guidelines-accessibility/
•Images
•Media, sliders, animations
•Headings
•Link text
•Keyboard navigation
•Contrast
•Skip Links
•Forms
29. Use the Theme Audit When…
• Evaluating a theme
• Adapting a theme for clients
• Creating a base theme
• Contributing to the theme repository
30. Theme Images Audit
• No <img> for decorative images
• Appropriate alt text for all theme <img>
• Evaluation using simple decision tree
dev.w3.org/html5/alt-techniques/#tree
31. Theme Media Use Audit
• No autoplay of videos, audio or animations
• This includes sliders
• Consider WCAG Guideline 2.2 (“A”):
“Provide users enough time to read and use content.”
– Timing Adjustable (2.2.1)
– Pause, Stop, Hide (2.2.2)
www.w3.org/TR/WCAG20/#time-limits
32. Theme Structure Audit
• H1 for page Title
• Headings for subsections
– Post titles in archives
– Widget titles
33. Theme Link Text Audit
• No “bare URLs”
• Avoid non-contextual “read more”
35. Accessible <!-- more -->
the_content(
'Read more
<span class="screen-reader-text">
about ' . get_the_title() .
'</span>'
);
codex.wordpress.org
/Customizing_the_Read_More
36. Keyboard Navigation Audit
• Visual focus – use CSS :focus
• Intuitive tab order
• No ‘tabindex’ > 0
• No ‘accesskey’ defined
37. Theme Skip Links Audit
• Allow users to skip to content, navigation
• First keyboard focused item
• May be hidden initially but
– Must be visible to screen readers
– Must be visible on focus
38. Theme Contrast Audit
• “Body” text must meet WCAG AA
contrast ratio (4.5 : 1)
snook.ca/technical/colour_contrast
/colour.html
39. Theme Forms Audit
• <label> for each form control
• All content must be associated with a
control (aria-describedby)
• Messages and errors must be accessible to
screen readers
40. Form Plugins
(with some degree of accessibility)
• Contact Form 7 (3.8.x)
• Visual Form Builder (Pro)
• Gravity Forms
41. Plugins?
• Joe Dolson’s a11y plugin
• Zeitguys Accessibility Bar plugin (mid
2014)
• long-description-for-image-attachments
44. Theme Customization Best Practice
“Parent + Child Theme”
• Choose (an accessible) Parent theme
• Create a Child theme
• Make modifications in Child theme
45. Create a Child Theme
• Install a suitable Parent theme
• Create a new directory in wp-
content/themes
• Add style.css to this directory
• Activate the Child theme
• Don’t delete the Parent theme!
46. Basic childtheme/style.css
/*
Theme Name: My Child Theme
Description: A short description of what your
theme is all about.
Author: Tom Auger
Template: twentyfourteen
*/
@import url("../twentyfourteen/style.css");
codex.wordpress.org/Child_Themes
graphic designer
front end coder
Interest in accessibility
1st accessible site Toronto Trailblazers, in 2006
Alan Cantor accessibility consultant
2006 IE6 commonly used / outdated. Needed 6 specific hacks. Make it work for 6, make it work for assistive tech.
more user agents, last longer, and enhances search engine optimization
worked on the early cell phones when people turned off styles
In 2007 CMS introduced errors and almost every update broke validation. That experience steered me away from content management systems.
Client demand and CMS improvements have brought me back around
Working on a new site, I decided on WordPress. total newbie going to develop a custom theme, got help from Zeitguys
Possibly most commonly used cms
Free and open source
Theme – collection of files that control how a site looks and how the code is structured. Some free, some premium
wordpress.org – biggest collection of free themes
wordpress.com, other developers/designers provide premium & custom themes
Searching for “accessibility ready” comes back with 13 themes. That is not all there is. These have passed a review to check they conform with the WP guidelines.
Full control of look & feel start with a “naked” theme
Zeitguys recommended underscores
A few of the things about underscores that got changed:
redundant <h1> out of the banner so using headings to skim doesn’t mean “department of redundancy department” on every page
Things to cover training the person who will maintain the site
Toggle the toolbar to add functionality
use headings, and use them right
describe the content that they precede
break the page down logically
Older versions WP have paste from Word introduces cruft. Use paste as text or better compose in WP.
Writing alt text is an art.
Link text should describe the resource that it links to.
careful with the "title" attribute. screen readers can be, and often are, set to not read it, and it often adds redundancy.
validate your page after you do an update to check if any errors were introduced
Aaron Jorbin
Joe Dolson
Joseph Karr O’Connor
Andy McIlwain
Jordan Quintal
.screen-reader-text already defined in Twenty Fourteen
the_content_more_link
excerpt_more
May need to remove_filter()
after_setup_theme
Tabindex 0 = non link can receive focus
Tabindex -1 = item taken out of flow but can receive programmatic focus