<\/a>Themes<\/h2>\r\nWordPress has thousands of themes. Some are free and many are paid. Regardless of what theme you use, it is easier to start with something accessible than fix an inaccessible theme.\r\n\r\nYou can filter WordPress themes<\/a> for \"Accessibility Ready.\"\r\n\r\n \t- Click the\u00a0Feature Filter<\/strong> button<\/li>\r\n \t
- Check\u00a0Accessibility Ready<\/strong> checkbox<\/li>\r\n \t
- Click the\u00a0Apply Filters<\/strong> button<\/li>\r\n<\/ol>\r\nThis reduces the list of themes significantly, but using an \"Accessibility Ready\" is not a guarantee of accessibility.\r\n
<\/a>Best Practices<\/h2>\r\nMake content easy to read and navigate, by using:\r\n\r\n[pb_glossary id=\"1882\"]Plain language[\/pb_glossary]. Learn more about plain language.<\/a>\r\n\r\n[pb_glossary id=\"1305\"]Structured content[\/pb_glossary] such as [pb_glossary id=\"1105\"]headings[\/pb_glossary], lists, and tables.\r\n\r\nConsider font accessibility<\/a>, including:\r\n\r\n \t- Standard font size is 16px, but use em and rem units in CSS for font size.<\/li>\r\n \t
- Avoid excessively decorative fonts; choose simple serifs or sans serif fonts.<\/li>\r\n<\/ul>\r\nFont must have a contrast ratio of at least 4.5:1. Read more about contrast in the Accessible Colour chapter of this book<\/a>.\r\n\r\nAvoid:\r\n
\r\n \t- Leetspeak, calculator spelling (i.e., 80t5 for bots), text emoticons (i.e., >:( ), ASCII art (i.e., (^._.^)~)<\/li>\r\n \t
- All capitals<\/li>\r\n \t
- Excessive use of italics<\/li>\r\n \t
- Justified alignment<\/li>\r\n<\/ul>\r\n
<\/a>Headings<\/h2>\r\nHeadings provide structure for your page and the information it presents. Headings allow all users to skim and find what they need. Navigating a page by headings is essential for screen reader users to navigate the web.\r\n\r\nTo designate text as a heading, highlight your text and select the Paragraph<\/strong> dropdown to select your desired heading level.\r\n![\"\"](\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2022\/07\/Pressbooks-WordPress-Headings.png\")
\r\n\r\nFor more information, consult the headings quick guide<\/a> in this book.\r\n<\/a>Alt Text<\/h2>\r\n![\"\"](\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2022\/07\/Screenshot-2024-06-10-at-16.03.46-e1718061042120.png\")
Wordpress\/Pressbooks supports adding figure captions via the Media Library. When adding or editing an image add information to the caption field. If an image has a descriptive figure caption, the alt text field can be left blank.\r\n<\/div>\r\n![\"\"](\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2022\/07\/Pressbooks-WordPress-AltText-1.png\")
If an informative image does not have a descriptive caption, enter an image description in the Alt Text<\/strong> field when uploading a new image.\r\n<\/div>\r\n![\"\"](\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2022\/07\/Pressbooks-WordPress-AltText2.png\")
Or, edit an existing image to add alt text by selecting the image and choosing Edit\u00a0<\/strong>and typing a description of the visual information in the alt text field.\r\n<\/div>\r\nOr, manually change the alt attribute in the Text\/HTML editor:\r\n\r\n![\"\"](\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2022\/07\/Pressbooks-WordPress-AltText3.png\")
\r\n\r\nInclude the [pb_glossary id=\"1161\"]alt attribute[\/pb_glossary] for all images. If there is no alt attribute, assistive technology will read the src attribute (the file URL) aloud. Mark decorative images with alt=\"\" or leave alt text field blank in Media Library.\r\n\r\nRefer to the Alternative Text chapter in this book<\/a> for more information.\r\n<\/div>\r\nIf including multimedia, ensure videos are captioned and audio have transcripts available.\r\n<\/a>Links<\/h2>\r\nTo add a link, highlight text and use the Insert\/edit link<\/strong> button or press\u00a0Control\/Command <\/strong>(on macOS)\u00a0and\u00a0K\u00a0<\/strong>to insert a link.\r\n\r\nGood [pb_glossary id=\"1169\"]hyperlink[\/pb_glossary] text should:\r\n\r\n \t- Be descriptive, unique, and meaningful\r\n
\r\n \t- Describe what a link is and why a reader would click on it<\/li>\r\n \t
- Avoid using \"click here\" \"read more\" \"download\" etc.<\/li>\r\n \t
- Maintain meaning when removed from surrounding text<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\nAvoid using URLs as hyperlink text. If you must provide the URL, include useful hyperlink text as outlined above and then include the URL as non-linked, regular text.\r\n\r\nFor more information read the accessible links<\/a> chapter earlier in this book.\r\n
<\/a>Tables<\/h2>\r\nInsert [pb_glossary id=\"2026\"]tables[\/pb_glossary] using the\u00a0Table <\/strong>tool on the editor toolbar.\r\n\r\n \t- Change table appearance via\u00a0Table<\/strong> >\u00a0Table Properties<\/strong><\/li>\r\n \t
- Set cell type and scope via\u00a0Table > Cell Properties<\/strong>\r\n
\r\n \t- Of particular importance is setting header cells<\/li>\r\n \t
- Set header row via\u00a0Tables > Row> Table Row Properties<\/strong><\/li>\r\n<\/ol>\r\n<\/li>\r\n<\/ol>\r\nAvoid merged and split cells. You may use them, but additional work is required to set scope.\r\n\r\nCheck function of table by placing cursor in call A1 and pressing Tab<\/strong>. Ensure a logical [pb_glossary id=\"1301\"]reading order[\/pb_glossary] is followed.\r\n\r\nDo not use tables for alignment or layout.\r\n\r\nReview table best practices<\/a> for more information.\r\n
<\/a>Exporting Pressbooks<\/h2>\r\nHTML is a more accessible format than PDF. If you need to share a page as a PDF, make it accessible using Adobe Acrobat and the chapter on PDFs<\/a> in this book. EPUB or other XML formats are more inherently accessible formats.\r\n\r\nPressbooks offers many export options. To export your Pressbook:\r\n\r\n \t- Navigate to the Dashboard<\/strong><\/li>\r\n \t
- Select\u00a0Export<\/strong> from the sidebar<\/li>\r\n \t
- Check the relevant formats\r\n
\r\n \t- PDF (for digital distribution)\u00a0<\/strong>will be the best place to start in creating an accessible PDF copy<\/li>\r\n \t
- EPUB 3<\/strong> is one of the most accessible and customizable formats, but requires software for users to read<\/li>\r\n \t
- PDF (for print)<\/strong> should only be used explicitly for printing purposes as it will retain none of the coded structure in you Pressbook<\/li>\r\n \t
- There are other formats you find useful:\r\n
\r\n \t- XML and XHTML<\/li>\r\n \t
- Common Cartridge for importing your Pressbook into a Brightspace course<\/li>\r\n \t
- OpenDocument<\/li>\r\n<\/ol>\r\n<\/li>\r\n<\/ol>\r\n<\/li>\r\n<\/ol>\r\n
\r\n<\/a>Further Reading<\/p>\r\n\r\n<\/header>\r\n\r\n\r\nLearn more about Accessibility in WordPress.<\/a>\r\n\r\nRead about how to make your Pressbook accessible.<\/a>\r\n\r\n<\/div>\r\n<\/div>","rendered":"![\"\"](\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/wp-content\/uploads\/sites\/1155\/2022\/07\/PB-Logo.png\")
WordPress is one of the most common content management systems in use. Pressbooks is built on the WordPress platform, so many functions are the same. Langara’s iWeb and CourseWeb use WordPress and this resource is a Pressbook.<\/p>\n
On this page:<\/strong><\/p>\n\n- Themes<\/a><\/li>\n
- Best Practices<\/a><\/li>\n
- Headings<\/a><\/li>\n
- Alt Text<\/a><\/li>\n
- Links<\/a><\/li>\n
- Tables<\/a><\/li>\n
- Exporting<\/a><\/li>\n
- Further Reading<\/a><\/li>\n<\/ul>\n
<\/a>Themes<\/h2>\nWordPress has thousands of themes. Some are free and many are paid. Regardless of what theme you use, it is easier to start with something accessible than fix an inaccessible theme.<\/p>\n
You can filter WordPress themes<\/a> for “Accessibility Ready.”<\/p>\n\n- Click the\u00a0Feature Filter<\/strong> button<\/li>\n
- Check\u00a0Accessibility Ready<\/strong> checkbox<\/li>\n
- Click the\u00a0Apply Filters<\/strong> button<\/li>\n<\/ol>\n
This reduces the list of themes significantly, but using an “Accessibility Ready” is not a guarantee of accessibility.<\/p>\n
<\/a>Best Practices<\/h2>\nMake content easy to read and navigate, by using:<\/p>\n
Plain language<\/a>. Learn more about plain language.<\/a><\/p>\nStructured content<\/a> such as headings<\/a>, lists, and tables.<\/p>\nConsider font accessibility<\/a>, including:<\/p>\n\n- Standard font size is 16px, but use em and rem units in CSS for font size.<\/li>\n
- Avoid excessively decorative fonts; choose simple serifs or sans serif fonts.<\/li>\n<\/ul>\n
Font must have a contrast ratio of at least 4.5:1. Read more about contrast in the Accessible Colour chapter of this book<\/a>.<\/p>\nAvoid:<\/p>\n
\n- Leetspeak, calculator spelling (i.e., 80t5 for bots), text emoticons (i.e., >:( ), ASCII art (i.e., (^._.^)~)<\/li>\n
- All capitals<\/li>\n
- Excessive use of italics<\/li>\n
- Justified alignment<\/li>\n<\/ul>\n
<\/a>Headings<\/h2>\nHeadings provide structure for your page and the information it presents. Headings allow all users to skim and find what they need. Navigating a page by headings is essential for screen reader users to navigate the web.<\/p>\n
To designate text as a heading, highlight your text and select the Paragraph<\/strong> dropdown to select your desired heading level.
\n<\/p>\nFor more information, consult the headings quick guide<\/a> in this book.<\/p>\n<\/a>Alt Text<\/h2>\nWordPress\/Pressbooks supports adding figure captions via the Media Library. When adding or editing an image add information to the caption field. If an image has a descriptive figure caption, the alt text field can be left blank.<\/p>\n
<\/div>\nIf an informative image does not have a descriptive caption, enter an image description in the Alt Text<\/strong> field when uploading a new image.<\/p>\n<\/div>\nOr, edit an existing image to add alt text by selecting the image and choosing Edit\u00a0<\/strong>and typing a description of the visual information in the alt text field.<\/p>\n<\/div>\nOr, manually change the alt attribute in the Text\/HTML editor:<\/p>\n
<\/p>\n
Include the alt attribute<\/a> for all images. If there is no alt attribute, assistive technology will read the src attribute (the file URL) aloud. Mark decorative images with alt=”” or leave alt text field blank in Media Library.<\/p>\nRefer to the Alternative Text chapter in this book<\/a> for more information.<\/p>\n<\/div>\nIf including multimedia, ensure videos are captioned and audio have transcripts available.<\/p>\n
<\/a>Links<\/h2>\nTo add a link, highlight text and use the Insert\/edit link<\/strong> button or press\u00a0Control\/Command <\/strong>(on macOS)\u00a0and\u00a0K\u00a0<\/strong>to insert a link.<\/p>\nGood hyperlink<\/a> text should:<\/p>\n\n- Be descriptive, unique, and meaningful\n
\n- Describe what a link is and why a reader would click on it<\/li>\n
- Avoid using “click here” “read more” “download” etc.<\/li>\n
- Maintain meaning when removed from surrounding text<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
Avoid using URLs as hyperlink text. If you must provide the URL, include useful hyperlink text as outlined above and then include the URL as non-linked, regular text.<\/p>\n
For more information read the accessible links<\/a> chapter earlier in this book.<\/p>\n<\/a>Tables<\/h2>\nInsert tables<\/a> using the\u00a0Table <\/strong>tool on the editor toolbar.<\/p>\n\n- Change table appearance via\u00a0Table<\/strong> >\u00a0Table Properties<\/strong><\/li>\n
- Set cell type and scope via\u00a0Table > Cell Properties<\/strong>\n
\n- Of particular importance is setting header cells<\/li>\n
- Set header row via\u00a0Tables > Row> Table Row Properties<\/strong><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n
Avoid merged and split cells. You may use them, but additional work is required to set scope.<\/p>\n
Check function of table by placing cursor in call A1 and pressing Tab<\/strong>. Ensure a logical reading order<\/a> is followed.<\/p>\nDo not use tables for alignment or layout.<\/p>\n
Review table best practices<\/a> for more information.<\/p>\n<\/a>Exporting Pressbooks<\/h2>\nHTML is a more accessible format than PDF. If you need to share a page as a PDF, make it accessible using Adobe Acrobat and the chapter on PDFs<\/a> in this book. EPUB or other XML formats are more inherently accessible formats.<\/p>\nPressbooks offers many export options. To export your Pressbook:<\/p>\n
\n- Navigate to the Dashboard<\/strong><\/li>\n
- Select\u00a0Export<\/strong> from the sidebar<\/li>\n
- Check the relevant formats\n
\n- PDF (for digital distribution)\u00a0<\/strong>will be the best place to start in creating an accessible PDF copy<\/li>\n
- EPUB 3<\/strong> is one of the most accessible and customizable formats, but requires software for users to read<\/li>\n
- PDF (for print)<\/strong> should only be used explicitly for printing purposes as it will retain none of the coded structure in you Pressbook<\/li>\n
- There are other formats you find useful:\n
\n- XML and XHTML<\/li>\n
- Common Cartridge for importing your Pressbook into a Brightspace course<\/li>\n
- OpenDocument<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n
<\/a>Best Practices<\/h2>\r\nMake content easy to read and navigate, by using:\r\n\r\n[pb_glossary id=\"1882\"]Plain language[\/pb_glossary]. Learn more about plain language.<\/a>\r\n\r\n[pb_glossary id=\"1305\"]Structured content[\/pb_glossary] such as [pb_glossary id=\"1105\"]headings[\/pb_glossary], lists, and tables.\r\n\r\nConsider font accessibility<\/a>, including:\r\n\r\n \t- Standard font size is 16px, but use em and rem units in CSS for font size.<\/li>\r\n \t
- Avoid excessively decorative fonts; choose simple serifs or sans serif fonts.<\/li>\r\n<\/ul>\r\nFont must have a contrast ratio of at least 4.5:1. Read more about contrast in the Accessible Colour chapter of this book<\/a>.\r\n\r\nAvoid:\r\n
\r\n \t- Leetspeak, calculator spelling (i.e., 80t5 for bots), text emoticons (i.e., >:( ), ASCII art (i.e., (^._.^)~)<\/li>\r\n \t
- All capitals<\/li>\r\n \t
- Excessive use of italics<\/li>\r\n \t
- Justified alignment<\/li>\r\n<\/ul>\r\n
<\/a>Headings<\/h2>\r\nHeadings provide structure for your page and the information it presents. Headings allow all users to skim and find what they need. Navigating a page by headings is essential for screen reader users to navigate the web.\r\n\r\nTo designate text as a heading, highlight your text and select the Paragraph<\/strong> dropdown to select your desired heading level.\r\n\r\n\r\nFor more information, consult the headings quick guide<\/a> in this book.\r\n<\/a>Alt Text<\/h2>\r\nWordpress\/Pressbooks supports adding figure captions via the Media Library. When adding or editing an image add information to the caption field. If an image has a descriptive figure caption, the alt text field can be left blank.\r\n<\/div>\r\nIf an informative image does not have a descriptive caption, enter an image description in the Alt Text<\/strong> field when uploading a new image.\r\n<\/div>\r\nOr, edit an existing image to add alt text by selecting the image and choosing Edit\u00a0<\/strong>and typing a description of the visual information in the alt text field.\r\n<\/div>\r\nOr, manually change the alt attribute in the Text\/HTML editor:\r\n\r\n\r\n\r\nInclude the [pb_glossary id=\"1161\"]alt attribute[\/pb_glossary] for all images. If there is no alt attribute, assistive technology will read the src attribute (the file URL) aloud. Mark decorative images with alt=\"\" or leave alt text field blank in Media Library.\r\n\r\nRefer to the Alternative Text chapter in this book<\/a> for more information.\r\n<\/div>\r\nIf including multimedia, ensure videos are captioned and audio have transcripts available.\r\n<\/a>Links<\/h2>\r\nTo add a link, highlight text and use the Insert\/edit link<\/strong> button or press\u00a0Control\/Command <\/strong>(on macOS)\u00a0and\u00a0K\u00a0<\/strong>to insert a link.\r\n\r\nGood [pb_glossary id=\"1169\"]hyperlink[\/pb_glossary] text should:\r\n\r\n \t- Be descriptive, unique, and meaningful\r\n
\r\n \t- Describe what a link is and why a reader would click on it<\/li>\r\n \t
- Avoid using \"click here\" \"read more\" \"download\" etc.<\/li>\r\n \t
- Maintain meaning when removed from surrounding text<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\nAvoid using URLs as hyperlink text. If you must provide the URL, include useful hyperlink text as outlined above and then include the URL as non-linked, regular text.\r\n\r\nFor more information read the accessible links<\/a> chapter earlier in this book.\r\n
<\/a>Tables<\/h2>\r\nInsert [pb_glossary id=\"2026\"]tables[\/pb_glossary] using the\u00a0Table <\/strong>tool on the editor toolbar.\r\n\r\n \t- Change table appearance via\u00a0Table<\/strong> >\u00a0Table Properties<\/strong><\/li>\r\n \t
- Set cell type and scope via\u00a0Table > Cell Properties<\/strong>\r\n
\r\n \t- Of particular importance is setting header cells<\/li>\r\n \t
- Set header row via\u00a0Tables > Row> Table Row Properties<\/strong><\/li>\r\n<\/ol>\r\n<\/li>\r\n<\/ol>\r\nAvoid merged and split cells. You may use them, but additional work is required to set scope.\r\n\r\nCheck function of table by placing cursor in call A1 and pressing Tab<\/strong>. Ensure a logical [pb_glossary id=\"1301\"]reading order[\/pb_glossary] is followed.\r\n\r\nDo not use tables for alignment or layout.\r\n\r\nReview table best practices<\/a> for more information.\r\n
<\/a>Exporting Pressbooks<\/h2>\r\nHTML is a more accessible format than PDF. If you need to share a page as a PDF, make it accessible using Adobe Acrobat and the chapter on PDFs<\/a> in this book. EPUB or other XML formats are more inherently accessible formats.\r\n\r\nPressbooks offers many export options. To export your Pressbook:\r\n\r\n \t- Navigate to the Dashboard<\/strong><\/li>\r\n \t
- Select\u00a0Export<\/strong> from the sidebar<\/li>\r\n \t
- Check the relevant formats\r\n
\r\n \t- PDF (for digital distribution)\u00a0<\/strong>will be the best place to start in creating an accessible PDF copy<\/li>\r\n \t
- EPUB 3<\/strong> is one of the most accessible and customizable formats, but requires software for users to read<\/li>\r\n \t
- PDF (for print)<\/strong> should only be used explicitly for printing purposes as it will retain none of the coded structure in you Pressbook<\/li>\r\n \t
- There are other formats you find useful:\r\n
\r\n \t- XML and XHTML<\/li>\r\n \t
- Common Cartridge for importing your Pressbook into a Brightspace course<\/li>\r\n \t
- OpenDocument<\/li>\r\n<\/ol>\r\n<\/li>\r\n<\/ol>\r\n<\/li>\r\n<\/ol>\r\n
\r\n<\/a>Further Reading<\/p>\r\n\r\n<\/header>\r\n\r\n\r\nLearn more about Accessibility in WordPress.<\/a>\r\n\r\nRead about how to make your Pressbook accessible.<\/a>\r\n\r\n<\/div>\r\n<\/div>","rendered":"WordPress is one of the most common content management systems in use. Pressbooks is built on the WordPress platform, so many functions are the same. Langara’s iWeb and CourseWeb use WordPress and this resource is a Pressbook.<\/p>\n
On this page:<\/strong><\/p>\n\n- Themes<\/a><\/li>\n
- Best Practices<\/a><\/li>\n
- Headings<\/a><\/li>\n
- Alt Text<\/a><\/li>\n
- Links<\/a><\/li>\n
- Tables<\/a><\/li>\n
- Exporting<\/a><\/li>\n
- Further Reading<\/a><\/li>\n<\/ul>\n
<\/a>Themes<\/h2>\nWordPress has thousands of themes. Some are free and many are paid. Regardless of what theme you use, it is easier to start with something accessible than fix an inaccessible theme.<\/p>\n
You can filter WordPress themes<\/a> for “Accessibility Ready.”<\/p>\n\n- Click the\u00a0Feature Filter<\/strong> button<\/li>\n
- Check\u00a0Accessibility Ready<\/strong> checkbox<\/li>\n
- Click the\u00a0Apply Filters<\/strong> button<\/li>\n<\/ol>\n
This reduces the list of themes significantly, but using an “Accessibility Ready” is not a guarantee of accessibility.<\/p>\n
<\/a>Best Practices<\/h2>\nMake content easy to read and navigate, by using:<\/p>\n
Plain language<\/a>. Learn more about plain language.<\/a><\/p>\nStructured content<\/a> such as headings<\/a>, lists, and tables.<\/p>\nConsider font accessibility<\/a>, including:<\/p>\n\n- Standard font size is 16px, but use em and rem units in CSS for font size.<\/li>\n
- Avoid excessively decorative fonts; choose simple serifs or sans serif fonts.<\/li>\n<\/ul>\n
Font must have a contrast ratio of at least 4.5:1. Read more about contrast in the Accessible Colour chapter of this book<\/a>.<\/p>\nAvoid:<\/p>\n
\n- Leetspeak, calculator spelling (i.e., 80t5 for bots), text emoticons (i.e., >:( ), ASCII art (i.e., (^._.^)~)<\/li>\n
- All capitals<\/li>\n
- Excessive use of italics<\/li>\n
- Justified alignment<\/li>\n<\/ul>\n
<\/a>Headings<\/h2>\nHeadings provide structure for your page and the information it presents. Headings allow all users to skim and find what they need. Navigating a page by headings is essential for screen reader users to navigate the web.<\/p>\n
To designate text as a heading, highlight your text and select the Paragraph<\/strong> dropdown to select your desired heading level.
\n<\/p>\nFor more information, consult the headings quick guide<\/a> in this book.<\/p>\n<\/a>Alt Text<\/h2>\nWordPress\/Pressbooks supports adding figure captions via the Media Library. When adding or editing an image add information to the caption field. If an image has a descriptive figure caption, the alt text field can be left blank.<\/p>\n
<\/div>\nIf an informative image does not have a descriptive caption, enter an image description in the Alt Text<\/strong> field when uploading a new image.<\/p>\n<\/div>\nOr, edit an existing image to add alt text by selecting the image and choosing Edit\u00a0<\/strong>and typing a description of the visual information in the alt text field.<\/p>\n<\/div>\nOr, manually change the alt attribute in the Text\/HTML editor:<\/p>\n
<\/p>\n
Include the alt attribute<\/a> for all images. If there is no alt attribute, assistive technology will read the src attribute (the file URL) aloud. Mark decorative images with alt=”” or leave alt text field blank in Media Library.<\/p>\nRefer to the Alternative Text chapter in this book<\/a> for more information.<\/p>\n<\/div>\nIf including multimedia, ensure videos are captioned and audio have transcripts available.<\/p>\n
<\/a>Links<\/h2>\nTo add a link, highlight text and use the Insert\/edit link<\/strong> button or press\u00a0Control\/Command <\/strong>(on macOS)\u00a0and\u00a0K\u00a0<\/strong>to insert a link.<\/p>\nGood hyperlink<\/a> text should:<\/p>\n\n- Be descriptive, unique, and meaningful\n
\n- Describe what a link is and why a reader would click on it<\/li>\n
- Avoid using “click here” “read more” “download” etc.<\/li>\n
- Maintain meaning when removed from surrounding text<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
Avoid using URLs as hyperlink text. If you must provide the URL, include useful hyperlink text as outlined above and then include the URL as non-linked, regular text.<\/p>\n
For more information read the accessible links<\/a> chapter earlier in this book.<\/p>\n<\/a>Tables<\/h2>\nInsert tables<\/a> using the\u00a0Table <\/strong>tool on the editor toolbar.<\/p>\n\n- Change table appearance via\u00a0Table<\/strong> >\u00a0Table Properties<\/strong><\/li>\n
- Set cell type and scope via\u00a0Table > Cell Properties<\/strong>\n
\n- Of particular importance is setting header cells<\/li>\n
- Set header row via\u00a0Tables > Row> Table Row Properties<\/strong><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n
Avoid merged and split cells. You may use them, but additional work is required to set scope.<\/p>\n
Check function of table by placing cursor in call A1 and pressing Tab<\/strong>. Ensure a logical reading order<\/a> is followed.<\/p>\nDo not use tables for alignment or layout.<\/p>\n
Review table best practices<\/a> for more information.<\/p>\n<\/a>Exporting Pressbooks<\/h2>\nHTML is a more accessible format than PDF. If you need to share a page as a PDF, make it accessible using Adobe Acrobat and the chapter on PDFs<\/a> in this book. EPUB or other XML formats are more inherently accessible formats.<\/p>\nPressbooks offers many export options. To export your Pressbook:<\/p>\n
\n- Navigate to the Dashboard<\/strong><\/li>\n
- Select\u00a0Export<\/strong> from the sidebar<\/li>\n
- Check the relevant formats\n
\n- PDF (for digital distribution)\u00a0<\/strong>will be the best place to start in creating an accessible PDF copy<\/li>\n
- EPUB 3<\/strong> is one of the most accessible and customizable formats, but requires software for users to read<\/li>\n
- PDF (for print)<\/strong> should only be used explicitly for printing purposes as it will retain none of the coded structure in you Pressbook<\/li>\n
- There are other formats you find useful:\n
\n- XML and XHTML<\/li>\n
- Common Cartridge for importing your Pressbook into a Brightspace course<\/li>\n
- OpenDocument<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n
- \r\n \t
- Leetspeak, calculator spelling (i.e., 80t5 for bots), text emoticons (i.e., >:( ), ASCII art (i.e., (^._.^)~)<\/li>\r\n \t
- All capitals<\/li>\r\n \t
- Excessive use of italics<\/li>\r\n \t
- Justified alignment<\/li>\r\n<\/ul>\r\n
<\/a>Headings<\/h2>\r\nHeadings provide structure for your page and the information it presents. Headings allow all users to skim and find what they need. Navigating a page by headings is essential for screen reader users to navigate the web.\r\n\r\nTo designate text as a heading, highlight your text and select the Paragraph<\/strong> dropdown to select your desired heading level.\r\n
\r\n\r\nFor more information, consult the headings quick guide<\/a> in this book.\r\n<\/a>Alt Text<\/h2>\r\n
Wordpress\/Pressbooks supports adding figure captions via the Media Library. When adding or editing an image add information to the caption field. If an image has a descriptive figure caption, the alt text field can be left blank.\r\n<\/div>\r\nIf an informative image does not have a descriptive caption, enter an image description in the Alt Text<\/strong> field when uploading a new image.\r\n<\/div>\r\nOr, edit an existing image to add alt text by selecting the image and choosing Edit\u00a0<\/strong>and typing a description of the visual information in the alt text field.\r\n<\/div>\r\nOr, manually change the alt attribute in the Text\/HTML editor:\r\n\r\n\r\n\r\nInclude the [pb_glossary id=\"1161\"]alt attribute[\/pb_glossary] for all images. If there is no alt attribute, assistive technology will read the src attribute (the file URL) aloud. Mark decorative images with alt=\"\" or leave alt text field blank in Media Library.\r\n\r\nRefer to the Alternative Text chapter in this book<\/a> for more information.\r\n<\/div>\r\nIf including multimedia, ensure videos are captioned and audio have transcripts available.\r\n<\/a>Links<\/h2>\r\nTo add a link, highlight text and use the Insert\/edit link<\/strong> button or press\u00a0Control\/Command <\/strong>(on macOS)\u00a0and\u00a0K\u00a0<\/strong>to insert a link.\r\n\r\nGood [pb_glossary id=\"1169\"]hyperlink[\/pb_glossary] text should:\r\n
- \r\n \t
- Be descriptive, unique, and meaningful\r\n
- \r\n \t
- Describe what a link is and why a reader would click on it<\/li>\r\n \t
- Avoid using \"click here\" \"read more\" \"download\" etc.<\/li>\r\n \t
- Maintain meaning when removed from surrounding text<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\nAvoid using URLs as hyperlink text. If you must provide the URL, include useful hyperlink text as outlined above and then include the URL as non-linked, regular text.\r\n\r\nFor more information read the accessible links<\/a> chapter earlier in this book.\r\n
<\/a>Tables<\/h2>\r\nInsert [pb_glossary id=\"2026\"]tables[\/pb_glossary] using the\u00a0Table <\/strong>tool on the editor toolbar.\r\n
- \r\n \t
- Change table appearance via\u00a0Table<\/strong> >\u00a0Table Properties<\/strong><\/li>\r\n \t
- Set cell type and scope via\u00a0Table > Cell Properties<\/strong>\r\n
- \r\n \t
- Of particular importance is setting header cells<\/li>\r\n \t
- Set header row via\u00a0Tables > Row> Table Row Properties<\/strong><\/li>\r\n<\/ol>\r\n<\/li>\r\n<\/ol>\r\nAvoid merged and split cells. You may use them, but additional work is required to set scope.\r\n\r\nCheck function of table by placing cursor in call A1 and pressing Tab<\/strong>. Ensure a logical [pb_glossary id=\"1301\"]reading order[\/pb_glossary] is followed.\r\n\r\nDo not use tables for alignment or layout.\r\n\r\nReview table best practices<\/a> for more information.\r\n
<\/a>Exporting Pressbooks<\/h2>\r\nHTML is a more accessible format than PDF. If you need to share a page as a PDF, make it accessible using Adobe Acrobat and the chapter on PDFs<\/a> in this book. EPUB or other XML formats are more inherently accessible formats.\r\n\r\nPressbooks offers many export options. To export your Pressbook:\r\n
- \r\n \t
- Navigate to the Dashboard<\/strong><\/li>\r\n \t
- Select\u00a0Export<\/strong> from the sidebar<\/li>\r\n \t
- Check the relevant formats\r\n
- \r\n \t
- PDF (for digital distribution)\u00a0<\/strong>will be the best place to start in creating an accessible PDF copy<\/li>\r\n \t
- EPUB 3<\/strong> is one of the most accessible and customizable formats, but requires software for users to read<\/li>\r\n \t
- PDF (for print)<\/strong> should only be used explicitly for printing purposes as it will retain none of the coded structure in you Pressbook<\/li>\r\n \t
- There are other formats you find useful:\r\n
- \r\n \t
- XML and XHTML<\/li>\r\n \t
- Common Cartridge for importing your Pressbook into a Brightspace course<\/li>\r\n \t
- OpenDocument<\/li>\r\n<\/ol>\r\n<\/li>\r\n<\/ol>\r\n<\/li>\r\n<\/ol>\r\n
\r\n <\/a>Further Reading<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\nLearn more about Accessibility in WordPress.<\/a>\r\n\r\nRead about how to make your Pressbook accessible.<\/a>\r\n\r\n<\/div>\r\n<\/div>","rendered":"WordPress is one of the most common content management systems in use. Pressbooks is built on the WordPress platform, so many functions are the same. Langara’s iWeb and CourseWeb use WordPress and this resource is a Pressbook.<\/p>\nOn this page:<\/strong><\/p>\n
- \n
- Themes<\/a><\/li>\n
- Best Practices<\/a><\/li>\n
- Headings<\/a><\/li>\n
- Alt Text<\/a><\/li>\n
- Links<\/a><\/li>\n
- Tables<\/a><\/li>\n
- Exporting<\/a><\/li>\n
- Further Reading<\/a><\/li>\n<\/ul>\n
<\/a>Themes<\/h2>\n
WordPress has thousands of themes. Some are free and many are paid. Regardless of what theme you use, it is easier to start with something accessible than fix an inaccessible theme.<\/p>\n
You can filter WordPress themes<\/a> for “Accessibility Ready.”<\/p>\n
- \n
- Click the\u00a0Feature Filter<\/strong> button<\/li>\n
- Check\u00a0Accessibility Ready<\/strong> checkbox<\/li>\n
- Click the\u00a0Apply Filters<\/strong> button<\/li>\n<\/ol>\n
This reduces the list of themes significantly, but using an “Accessibility Ready” is not a guarantee of accessibility.<\/p>\n
<\/a>Best Practices<\/h2>\n
Make content easy to read and navigate, by using:<\/p>\n
Plain language<\/a>. Learn more about plain language.<\/a><\/p>\n
Structured content<\/a> such as headings<\/a>, lists, and tables.<\/p>\n
Consider font accessibility<\/a>, including:<\/p>\n
- \n
- Standard font size is 16px, but use em and rem units in CSS for font size.<\/li>\n
- Avoid excessively decorative fonts; choose simple serifs or sans serif fonts.<\/li>\n<\/ul>\n
Font must have a contrast ratio of at least 4.5:1. Read more about contrast in the Accessible Colour chapter of this book<\/a>.<\/p>\n
Avoid:<\/p>\n
- \n
- Leetspeak, calculator spelling (i.e., 80t5 for bots), text emoticons (i.e., >:( ), ASCII art (i.e., (^._.^)~)<\/li>\n
- All capitals<\/li>\n
- Excessive use of italics<\/li>\n
- Justified alignment<\/li>\n<\/ul>\n
<\/a>Headings<\/h2>\n
Headings provide structure for your page and the information it presents. Headings allow all users to skim and find what they need. Navigating a page by headings is essential for screen reader users to navigate the web.<\/p>\n
To designate text as a heading, highlight your text and select the Paragraph<\/strong> dropdown to select your desired heading level.
\n<\/p>\nFor more information, consult the headings quick guide<\/a> in this book.<\/p>\n
<\/a>Alt Text<\/h2>\n
WordPress\/Pressbooks supports adding figure captions via the Media Library. When adding or editing an image add information to the caption field. If an image has a descriptive figure caption, the alt text field can be left blank.<\/p>\n<\/div>\nIf an informative image does not have a descriptive caption, enter an image description in the Alt Text<\/strong> field when uploading a new image.<\/p>\n<\/div>\nOr, edit an existing image to add alt text by selecting the image and choosing Edit\u00a0<\/strong>and typing a description of the visual information in the alt text field.<\/p>\n<\/div>\nOr, manually change the alt attribute in the Text\/HTML editor:<\/p>\n
<\/p>\nInclude the alt attribute<\/a> for all images. If there is no alt attribute, assistive technology will read the src attribute (the file URL) aloud. Mark decorative images with alt=”” or leave alt text field blank in Media Library.<\/p>\n
Refer to the Alternative Text chapter in this book<\/a> for more information.<\/p>\n
<\/div>\nIf including multimedia, ensure videos are captioned and audio have transcripts available.<\/p>\n
<\/a>Links<\/h2>\n
To add a link, highlight text and use the Insert\/edit link<\/strong> button or press\u00a0Control\/Command <\/strong>(on macOS)\u00a0and\u00a0K\u00a0<\/strong>to insert a link.<\/p>\n
Good hyperlink<\/a> text should:<\/p>\n
- \n
- Be descriptive, unique, and meaningful\n
- \n
- Describe what a link is and why a reader would click on it<\/li>\n
- Avoid using “click here” “read more” “download” etc.<\/li>\n
- Maintain meaning when removed from surrounding text<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
Avoid using URLs as hyperlink text. If you must provide the URL, include useful hyperlink text as outlined above and then include the URL as non-linked, regular text.<\/p>\n
For more information read the accessible links<\/a> chapter earlier in this book.<\/p>\n
<\/a>Tables<\/h2>\n
Insert tables<\/a> using the\u00a0Table <\/strong>tool on the editor toolbar.<\/p>\n
- \n
- Change table appearance via\u00a0Table<\/strong> >\u00a0Table Properties<\/strong><\/li>\n
- Set cell type and scope via\u00a0Table > Cell Properties<\/strong>\n
- \n
- Of particular importance is setting header cells<\/li>\n
- Set header row via\u00a0Tables > Row> Table Row Properties<\/strong><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n
Avoid merged and split cells. You may use them, but additional work is required to set scope.<\/p>\n
Check function of table by placing cursor in call A1 and pressing Tab<\/strong>. Ensure a logical reading order<\/a> is followed.<\/p>\n
Do not use tables for alignment or layout.<\/p>\n
Review table best practices<\/a> for more information.<\/p>\n
<\/a>Exporting Pressbooks<\/h2>\n
HTML is a more accessible format than PDF. If you need to share a page as a PDF, make it accessible using Adobe Acrobat and the chapter on PDFs<\/a> in this book. EPUB or other XML formats are more inherently accessible formats.<\/p>\n
Pressbooks offers many export options. To export your Pressbook:<\/p>\n
- \n
- Navigate to the Dashboard<\/strong><\/li>\n
- Select\u00a0Export<\/strong> from the sidebar<\/li>\n
- Check the relevant formats\n
- \n
- PDF (for digital distribution)\u00a0<\/strong>will be the best place to start in creating an accessible PDF copy<\/li>\n
- EPUB 3<\/strong> is one of the most accessible and customizable formats, but requires software for users to read<\/li>\n
- PDF (for print)<\/strong> should only be used explicitly for printing purposes as it will retain none of the coded structure in you Pressbook<\/li>\n
- There are other formats you find useful:\n
- \n
- XML and XHTML<\/li>\n
- Common Cartridge for importing your Pressbook into a Brightspace course<\/li>\n
- OpenDocument<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n
- EPUB 3<\/strong> is one of the most accessible and customizable formats, but requires software for users to read<\/li>\n
- Select\u00a0Export<\/strong> from the sidebar<\/li>\n
- Navigate to the Dashboard<\/strong><\/li>\n
- Set cell type and scope via\u00a0Table > Cell Properties<\/strong>\n
- Change table appearance via\u00a0Table<\/strong> >\u00a0Table Properties<\/strong><\/li>\n
- Be descriptive, unique, and meaningful\n
- Check\u00a0Accessibility Ready<\/strong> checkbox<\/li>\n
- Best Practices<\/a><\/li>\n
- Themes<\/a><\/li>\n
- EPUB 3<\/strong> is one of the most accessible and customizable formats, but requires software for users to read<\/li>\r\n \t
- Select\u00a0Export<\/strong> from the sidebar<\/li>\r\n \t
- Navigate to the Dashboard<\/strong><\/li>\r\n \t
- Set cell type and scope via\u00a0Table > Cell Properties<\/strong>\r\n
- Change table appearance via\u00a0Table<\/strong> >\u00a0Table Properties<\/strong><\/li>\r\n \t
- Be descriptive, unique, and meaningful\r\n