So, I’m just sitting here waiting for Dorian to arrive. I’ve moved all my patio furniture inside along with the plants and other objects the wind could pick up. So, I wondered, “What is there now to do but wait?” That is when I thought, “I could write a blog post.” So, let’s talk a bit about Word, the SchoolMessenger editor built into the portal, and of course accessibility.<\/p>\n
I’ve been recently going through many of the pages of both the school and district web sites and have come up with a list of recommended style rules that might help make your web pages look better. So, let’s get started.<\/p>\n
\n- Don’t use the Enter key to double space, triple space, or more in your content. When screen readers come across too many blank lines, they may interpret that as the end of the content and not read further.<\/li>\n
- You do not need to press the Enter key every time you get to the right side of the content area like the old carriage return days of manual typewriters. Just keep typing and save that Enter key for separating paragraphs only.<\/li>\n
- Do not try to center text by using spaces to the left of the text. This has two potential downfalls. One is that if a different font is used by someone’s computer to display the text because they do not have the font used when you created the content, the width of their space character could be different throwing off the centering of the text. But even more likely is the effect on this text when displayed by different devices (computer screens, laptops, tablets, and phones) and even when displayed in different orientations, landscape or portrait. Of course, you can test this by clicking on the little screen button in the Editor’s toolbar at the top of the screen when editing any page in your web site.<\/li>\n
- Back on the Dark Ages of typing text on manual typewriters, instructors told students to use two spaces between sentences. That extra space was needed for readability back then. However, today on electronic devices, that extra space could lead to formatting issues. (I have trouble remembering this too, so don’t feel too bad if you catch yourself double tapping the spacebar between sentences.) If you think you need more than a single space, use tabs or text justification instead.<\/li>\n
- Just because your content does not appear to have spelling errors does not mean that everything is perfect. A common error is the use of correctly spelled similar sounding word in place of the correct word. For example, a student’s interest may peak when the topic is something of extreme interest to them. However, teachers need to pique their student’s interest in all topics. Don’t listen to Mark Twain who wrote, “I pity the man who only knows one way to spell a word.”<\/li>\n
- There is almost never a good reason to use a custom font style (font type or font color) other than the default provided by the portal editor. It is never a good idea to overwrite the styling of hyperlinks by changing the underline or color behavior designed into your site.<\/li>\n
- The underline text attribute should only be used for hyperlinks. For example, book titles are italicized, not underlined.<\/li>\n
- Use the Paragraph Mark to separate paragraphs and to allow different text alignments (such as when you want to switch between left justify and center justify).<\/li>\n
- Only use full justified text for narrow content columns if at all.<\/li>\n
- Formatting text with heading tags (H1 through H6) is typically used only for single lines of text that introduce a topic or section, never for paragraphs. If a paragraph consists of only a short single line of text, ADA (Americans with Disabilities Act) testing may try to interpret that line as a header and suggest that you use a heading tag. Resist the temptation. Headings are never used just to format text and they should not be used for a single line of text unless that line introduces a new section or topic.<\/li>\n
- Never cut and paste images from other sources into a portal content area. Always upload the graphics using the Image Manager into the Image folders within the portal. Then reference these files from within the content. This will help pages load faster because images stored in the Image Manager are cached.<\/li>\n
- When using MS Word, right click the status bar within Word the next time you edit a document. In the Customize Status Bar dialog that appears, click on Accessibility Checker in the lower half of the list placing a check mark in front of it. When you close out of this dialog (by clicking out of it) you will see an Accessibility button in the left side of the status bar. Clicking it will open the accessibility panel on the right side of the screen showing you all the things you should correct to make your document more accessible. You can also add an accessibility button in the Quick Access toolbar at the top of the Windows screen. By default, the Accessibility feature is also found in the Review ribbon in all recent Word installations. If it is not there on your version of Word, you can add it by customizing your ribbon.<\/li>\n<\/ol>\n
Well, the storm is still not here. Maybe I’ll go out and start up the grill. Remember next Monday is the next scheduled Open Lab. Go to Canvas to sign up.<\/p>\n
C’you there.<\/p>\n","protected":false},"excerpt":{"rendered":"
So, I’m just sitting here waiting for Dorian to arrive. I’ve moved all my patio furniture inside along with the plants and other objects the wind could pick up. So, I wondered, “What is there now to do but wait?” That is when I thought, “I could write a blog post.” So, let’s talk a … <\/p>\n
Continue reading “Writing Tips for the Portal”<\/span><\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[34,35,36],"tags":[48,111,112,51],"class_list":["post-1256","post","type-post","status-publish","format-standard","hentry","category-something-to-think-about-related-to-web-sites","category-opinions-from-the-district-about-web-sites","category-post-showing-a-specific-tip-or-trick-related-to-web-sites","tag-accessibility","tag-style","tag-text-formatting","tag-tips"],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":1143,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/are-you-a-new-editor-to-our-web-sites\/","url_meta":{"origin":1256,"position":0},"title":"Are You a New Editor To Our Web Sites?","author":"Carlos Hernandez","date":"May 23, 2019","format":false,"excerpt":"First, Happy 100th post! If you have just been assigned to work on your district department or school web site, you may be asking yourself where to begin. There is no quick 5-minute course on everything you need to know. However, here are some suggestions on how to start learning\u2026","rel":"","context":"In "ADA News"","block_context":{"text":"ADA News","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/portal-related-news\/news-related-to-ada-and-accessibility\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/wordpress.ocps.net\/wp-content\/uploads\/2019\/05\/Monsido-001-1024x576.png?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/wordpress.ocps.net\/wp-content\/uploads\/2019\/05\/Monsido-001-1024x576.png?resize=350%2C200 1x, https:\/\/i0.wp.com\/wordpress.ocps.net\/wp-content\/uploads\/2019\/05\/Monsido-001-1024x576.png?resize=525%2C300 1.5x"},"classes":[]},{"id":978,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/ada-tips\/","url_meta":{"origin":1256,"position":1},"title":"ADA Tips","author":"Carlos Hernandez","date":"February 21, 2019","format":false,"excerpt":"Complying with all of the ADA issues can be difficult when you are first exposed to the many rules. Part of that is because there are many different aspects to accessibility and some rules may apply to specific areas while others apply to all areas of accessibility including those who\u2026","rel":"","context":"In "ADA News"","block_context":{"text":"ADA News","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/portal-related-news\/news-related-to-ada-and-accessibility\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1039,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/quick-notes-on-site-content-and-accessibility-issues-for-march-28-2019\/","url_meta":{"origin":1256,"position":2},"title":"Quick Notes on Site Content and Accessibility Issues for March 28, 2019","author":"Carlos Hernandez","date":"March 28, 2019","format":false,"excerpt":"As I have been going through many of the district and school sites, I have noticed several reoccurring problems. Use External Link References Rather Than Duplicating Pages I've seen several cases were the content for a page was duplicated exactly, or nearly exactly on another page within the same site\u2026","rel":"","context":"In "ADA News"","block_context":{"text":"ADA News","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/portal-related-news\/news-related-to-ada-and-accessibility\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":916,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/adding-tooltips-to-email-hyperlinks\/","url_meta":{"origin":1256,"position":3},"title":"Adding ToolTips to Email Hyperlinks","author":"Carlos Hernandez","date":"December 5, 2018","format":false,"excerpt":"One of the requirements for accessibility is that hyperlinks have tooltip text that appears when the user either hovers over the link text or is read to the user if a screen reader is being used. However, when that hyperlink is an email address, there does not seem to be\u2026","rel":"","context":"In "ADA News"","block_context":{"text":"ADA News","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/portal-related-news\/news-related-to-ada-and-accessibility\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":547,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/its-not-transparent\/","url_meta":{"origin":1256,"position":4},"title":"It\u2019s Not Transparent","author":"Carlos Hernandez","date":"April 16, 2018","format":false,"excerpt":"Recently it was discovered that an image saved as type .JPG that has transparent sections in the image will not appear as transparent when displayed in the current portal content web part. \u00a0Rather, support has informed me that images with transparent sections must be saved as .PNG files instead. \u00a0I\u2026","rel":"","context":"In "Tips\/Tricks"","block_context":{"text":"Tips\/Tricks","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/post-showing-a-specific-tip-or-trick-related-to-web-sites\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1046,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/tips-of-the-day-march-29-2019\/","url_meta":{"origin":1256,"position":5},"title":"Tips of the Day \u2013 March 29, 2019","author":"Carlos Hernandez","date":"March 30, 2019","format":false,"excerpt":"Accessibility Insights Microsoft cares about accessibility. In addition to the accessibility checker which I covered in an earlier post, here is a link to help you learn the basics of accessibility: https:\/\/support.office.com\/en-us\/article\/intro-to-making-documents-accessible-cebd7999-e9ad-4b0d-9126-76438798c6b2?ui=en-US&rs=en-US&ad=US https:\/\/support.office.com\/en-us\/article\/make-your-word-documents-accessible-to-people-with-disabilities-d9bf3683-87ac-47ea-b91a-78dcacb3c66d Your Own Personal Screen Reader Narrator is a light-duty screen reader utility included in Microsoft Windows. While\u2026","rel":"","context":"In "ADA News"","block_context":{"text":"ADA News","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/portal-related-news\/news-related-to-ada-and-accessibility\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/1256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/comments?post=1256"}],"version-history":[{"count":5,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/1256\/revisions"}],"predecessor-version":[{"id":1261,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/1256\/revisions\/1261"}],"wp:attachment":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/media?parent=1256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/categories?post=1256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/tags?post=1256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}