Web Standards Archives - 51ΑΤΖζ Web Guide /web/documentation_guides_category/web-standards/ Fri, 13 Mar 2026 20:40:51 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 Subsite URL Standards /web/documentation-guides/subsite-url-standards/ Fri, 13 Mar 2026 20:40:51 +0000 /web/?post_type=documentation_guides&p=13501 The post Subsite URL Standards appeared first on 51ΑΤΖζ Web Guide.

]]>

The URLs of 51ΑΤΖζ subsites play an important role in clearly communicating the topic of the subsite in a way that users, search engines and AI systems can easily understand.

Subsite URLs, also referred to as subsite slugs in WordPress, should consist of concise, recognizable words separated by hyphens and be topic-based rather than the name of an organizational unit.

Descriptive keywords help both people and automated systems better understand the subject of a subsite.

Examples

  • uwm.edu/housing
  • uwm.edu/undergraduate-research

Acronyms in URLs

Acronyms may be used only when they are widely recognized, for example, HR, IT and FAFSA. Avoid internal or unfamiliar acronyms that may not be understood by users or AI systems.

Examples

  • uwm.edu/hr
  • uwm.edu/fafsa

The post Subsite URL Standards appeared first on 51ΑΤΖζ Web Guide.

]]>
Content Lifecycle & Post Statuses /web/documentation-guides/content-lifecycle-post-statuses/ Mon, 26 Jan 2026 16:36:24 +0000 /web/?post_type=documentation_guides&p=12701 The post Content Lifecycle & Post Statuses appeared first on 51ΑΤΖζ Web Guide.

]]>
Coming in Early 2026
51ΑΤΖζ will introduce the following standardized content lifecycle in early 2026, which includes the addition of two statuses: Temporarily Offline and Retired.

A content lifecycle helps clearly communicate the intent and current state of content across the 51ΑΤΖζ website. By standardizing how and when post statuses are used, we reduce confusion, improve collaboration and make it easier to manage content over time.

Content on 51ΑΤΖζ’s website moves through a lifecycle from draft to publication and, in some cases, eventual removal. Post statuses indicate where content is in that process. Post statuses apply to pages, posts, and other supported content types, including people profiles, academic program pages and events.

Post Statuses

StatusMeaning
DraftContent is in progress and not ready for publication.
PendingContent is complete and awaiting approval before publication.
PublishedContent is live on the 51ΑΤΖζ.edu website.
Temporarily Offline*Content is offline for a limited time but expected to return.
Retired*Content is offline and not expected to return but is temporarily retained for reference or backup.
TrashContent is offline and scheduled for permanent deletion after 30 days.

* Will be available in early 2026

Post Status Additions

In early 2026, 51ΑΤΖζ will add the following post statuses to the standard WordPress list of post statuses:

  • Temporarily Offline
  • Retired

These statuses provide clearer alternatives to using Draft or Pending for content that is no longer publicly available. Using Temporarily Offline and Retired makes it easier to understand a piece of content’s current state and its place in the overall content lifecycle.

The post Content Lifecycle & Post Statuses appeared first on 51ΑΤΖζ Web Guide.

]]>
News & Events Retention Schedule /web/documentation-guides/news-events-retention-schedule/ Mon, 13 Oct 2025 15:32:03 +0000 /web/?post_type=documentation_guides&p=12306 The post News & Events Retention Schedule appeared first on 51ΑΤΖζ Web Guide.

]]>
Effective Date
51ΑΤΖζ’s website news and events retention schedule will go into effect on January 31, 2026 as part of Student-centric Web initiative phase 4 milestone: Web content and web content editor activities are aligned with web governance framework. Web editors are encouraged to bring their news and events content into alignment with the retention schedule ahead of the effective date.

Why Outdated Content Is a Problem

The 51ΑΤΖζ.edu website exists to provide current and future students with timely, relevant, and accurate information. Using a website as an archive for outdated contentβ€”such as old news, events, or inactive programsβ€”clutters the website, undermines credibility, and makes it harder for visitors to find what they need. It reduces search engine performance by wasting crawl budget and making it harder for search engines to highlight current, high-quality pages. It also slows down the website and increases hosting and maintenance costs.

Purpose of the Retention Policy

A clear retention policy for news and events improves the student experience and strengthens how our university is represented online. For students, the website becomes easier to navigate and more relevant by eliminating outdated news stories and past events from search results and website navigation. For the university, the policy helps us manage our website more strategically. It reduces digital clutter, improves website performance, lowers hosting costs, and supports search engine optimization (SEO) by focusing search engines on our most relevant and up-to-date content. It also aligns with Universities of Wisconsin records retention policy and helps web editors manage content more efficiently across hundreds of subsites.

News and Events Retention Schedule

TimingWhat HappensWhat You Do
At publicationContent goes live on 51ΑΤΖζ.eduPublish normally
Up to 2 yearsContent stays live (can be unpublished earlier if needed)Optional: unpublish sooner if needed
2 years after publicationContent is automatically unpublished but retained in WordPress CMS for compliance with UW System Records ScheduleNo action required
3 years after publicationContent is permanently deleted from WordPressNo action required
UW System Records Schedule Compliance
Note: If you choose delete news and events from the WordPress CMS prior to 3 years after publication, you are responsible for retaining the information in compliance with UW records retention schedule for External Communications (ADMIN351).

Archiving

51ΑΤΖζ Libraries Archives relies on the for most of the 51ΑΤΖζ.edu website, which preserves the content indefinitely while relieving 51ΑΤΖζ employees from the task of manually archiving their website contents. Web editors can check their subsite content on the Wayback Machine as needed to verify that it is crawling their content. If it is not being crawled effectively, web editors can contact the 51ΑΤΖζ Libraries Archives for further guidance.

Units may choose to keep an additional archive of their website content beyond what is captured in the Wayback Machine. If they do, the archive must be stored in a campus-supported service. We strongly recommend using a service tied to the unit rather than an individual employee. This ensures the archive is not lost if an employee leaves and their IT account is deleted. For example, use a Microsoft 365 SharePoint site instead of an employee’s OneDrive folder.

Retention Extensions

Some news and events may warrant longer retention due to lasting institutional value or compliance requirements. To be approved for retention beyond the standard two-year period, the news or event must add substantial value to the institution. The extension process allows web editors to request retention on a per-post basis, while supporting a focused, up-to-date, and student-centered website.

Once a retention extension request is approved, the post can be kept live on the 51ΑΤΖζ.edu website for an additional two years before another retention extension request is required. 

News and events of institutional value that are foundational or transformational and that are intended to be kept on the 51ΑΤΖζ.edu website indefinitely should be incorporated into an about Page or History page.

Categories of News & Events That May Qualify for Extended Retention

Category of News ExamplesReason for Retaining 
News of major institutional impactInstitutional milestones

Major research grants

Major partnerships

Major donations

Major construction, renovation, or infrastructure projects
Valuable information about 51ΑΤΖζ’s strengths and accomplishments for the media, prospective students and employees, potential donors, potential partners and government officials
Information about development of major internal institutional plans and programsKey information about strategic plan development

Key information about enrollment management plan development
Valuable contextual information for members of the 51ΑΤΖζ community
Accreditation-related documentationRequired handbooks

Required statements

Copies of accreditation materials as required to be publicly available
Accreditation requirements
Compliance51ΑΤΖζ required reports

System required reports

State/Federal required reports

Grant reports or data sets
Compliance with regulation, policy, state or federal law

Definition of β€œMajor” for Extended Retention

For the purposes of the news and events retention, β€œmajor” refers to content with institution-wide significance, long-term impact, or external accountability requirements. News items that may qualify for retention beyond the standard retention period include those that:

  • Document events or decisions with institution-wide significance (e.g., the appointment of a new chancellor, creation of a new academic unit). 
  • Reflect long-term initiatives or changes with lasting effects across multiple years (e.g., development and implementation of a strategic plan, major construction or reorganization efforts, a multi-year partnership agreement).
  • Are required for accreditation, compliance, audits, grants, or legal obligations.
  • Contribute to the university’s institutional history, public accountability, or reputation (e.g., national recognition, crisis communications, major advocacy efforts).

Routine news, including announcements of past events, departmental updates, internal communications, or localized achievements, do not meet the definition of major and should follow the standard retention schedule.

The post News & Events Retention Schedule appeared first on 51ΑΤΖζ Web Guide.

]]>
Digital Accessibility Standards, Policies & Laws /web/documentation-guides/digital-accessibility-standards-policies-laws/ Thu, 15 May 2025 13:58:24 +0000 /web/?post_type=documentation_guides&p=11080 Learn about the standard 51ΑΤΖζ follows and relevant policies and laws.

The post Digital Accessibility Standards, Policies & Laws appeared first on 51ΑΤΖζ Web Guide.

]]>
Learn about the standard 51ΑΤΖζ follows and relevant policies and laws.

The post Digital Accessibility Standards, Policies & Laws appeared first on 51ΑΤΖζ Web Guide.

]]>
51ΑΤΖζ Design System /web/documentation-guides/uwm-design-system/ Fri, 09 May 2025 20:43:38 +0000 /web/?post_type=documentation_guides&p=11023 Accessible and mobile-friendly code and visual assets that can be used to efficiently create consistent user-experiences across 51ΑΤΖζ digital platforms.

The post 51ΑΤΖζ Design System appeared first on 51ΑΤΖζ Web Guide.

]]>
Accessible and mobile-friendly code and visual assets that can be used to efficiently create consistent user-experiences across 51ΑΤΖζ digital platforms.

The post 51ΑΤΖζ Design System appeared first on 51ΑΤΖζ Web Guide.

]]>
Digital Accessibility for Web Content /web/documentation-guides/digital-accessibility-for-web-content/ Tue, 06 May 2025 21:16:22 +0000 /web/?post_type=documentation_guides&p=10356 The post Digital Accessibility for Web Content appeared first on 51ΑΤΖζ Web Guide.

]]>

To ensure an inclusive experience for all who visit 51ΑΤΖζ’s website in alignment with 51ΑΤΖζ’s guiding values and compliance with applicable laws, all content presented on the 51ΑΤΖζ website must align with the following guidelines.


Reduce Complexity

  • Avoid jargon, idioms, and overly complex phrasing. Write in plain language that all users can understand. 
  • Break up long blocks of text for better readability.
  • Use lists to make content easier to scan and process.
  • Spell out acronyms the first time they appear to ensure clarity.
  • Avoid using all capital letters for text, which can be difficult to read and may be misinterpreted by screen readers.
  • Ensure consistent and predictable navigation and layout.
  • Use meaningful link text that describes the link destination and make sense when read out of context. Avoid generic or vague link labels, such as “Click here,” “Learn more” or “Details”.
  • Provide alternative (alt) text for linked images to describe the link’s purpose, for example, “Apply for scholarships” instead of “Scholarship image”.
  • Indicate file types in link labels, for example, “Download the 51ΑΤΖζ Viewbook (PDF)”.
  • Avoid words like β€œview” or β€œsee” in link labels. Instead, use clear and descriptive labels that provide meaningful context for all users, for example, β€œAbout our services” or β€œExplore our services”.

Lists

  • Use proper list markup so that screen readers can effectively announce lists and the number of items in a list.
  • Do not manually format lists by using dashes, asterisks or paragraph text. Always use proper HTML list elements.
  • Use lists to break up large blocks of text, which makes content easier to scan and process.

Headings

  • Use proper HTML heading elements to structure content, which screen readers rely on to provide an outline of the content. Do not use bold paragraph text.
  • Use the six heading levels (H1, H2, H3, H4, H5 and H6) in the correct order. Do not skip heading levels for visual purposes.
  • The page title should always be the only H1 heading on the page, which WordPress sets automatically. Do not add additional H1 headings.

Color

  • Ensure sufficient color contrast between foreground and background elements. Low-contrast text can be hard to read for individuals with low vision or color blindness.
  • Use accessible color combinations. Avoid problematic combinations, such as blue/gray and red/green.
  • Do not rely on color alone to convey meaning.
  • When using color to differentiate information, such as in a pie chart or bar graph, also provide the information in another format, such as captions or alternative text.

Images

  • Provide descriptive alternative (alt) text for meaningful images that explains their meaning or purpose. Specify alternative text as soon as you upload the image to avoid forgetting to do it later. Aim for 150 characters or less. Meaningful images include:
    • Photos of people, objects or places.
    • Diagrams, charts and infographics.
    • Icons or images that serve a functional purpose, such as a magnifying glass icon for search.
    • Screenshots or visuals that provide guidance or demonstrate actions, such as how to submit a form.
  • If an image serves as a link, its alternative text should describe the link’s purpose.
  • Do not specify alternative text for decorative images that do not have informational value, such as:
    • Images used for ambiance, visual effect or design.
    • Ornamental graphics, such as dividers or borders.
    • Abstract shapes used for branding.
    • Icons that repeat information already conveyed by text, such as a phone icon next to a phone number.

Video & Audio

  • Caption all videos.
  • Provide audio descriptions for videos with important visual content.
  • Provide transcripts for all audio content.
  • Avoid content with rapid or flashing motions that could cause discomfort for individuals with motion sensitivity.
  • Ensure that videos and audio include play/pause buttons and respect individuals’ “reduce motion” settings.

Documents

Presenting content as a web page, which is HTML, instead of as a downloadable document, such as a PDF, Word or PowerPoint file, is better for accessibility.

  • Web pages allow for built-in structure with headings, lists, tables and landmarks that assistive technologies, like screen readers, can easily navigate.
  • Web page content adapts well to different screen sizes, zoom levels and user settings, such as increased text size or high contrast mode.
  • Properly configured web pages support smooth keyboard navigation and predictable reading order for assistive technologies.
  • Making accessible web pages is a less time-intensive process.

Problems with PDFs

  • If not properly formatted, text in PDFs may be read out of order or not recognized at all by screen readers.
  • PDFs don’t adapt well to different screen sizes, zoom levels, or device types.
  • Many PDFs lack semantic structure, making navigation difficult for users of assistive technologies.
  • PDFs often don’t allow for adjustable font sizes, contrast settings, or reflowable text, making them harder to read and navigate.
  • Making a PDF accessible can be a time-intensive process depending on the complexity of the PDF.

Limit Document Use

  • Only use documents when there is a specific reason to do so, such as with official forms or downloadable templates.
  • Use documents when the format or structure makes it difficult or impractical to present as web content.
  • Sometimes the visual layout (e.g., brochures, posters) is essential and best preserved in document form.
  • If users need to print or use the content without internet access, a document may be appropriate.

Accessible Documents

If you must use a document, it must be accessible.

  • Use proper heading structure to create a clear content outline for better navigation.
  • Use sans-serif fonts, ensure proper size and keep text left-aligned.
  • Use lists to break up content and improve readability.
  • Avoid ambiguous or generic link labels.
  • Include descriptive alternative text for meaningful images.
  • Only use tables to organize data; avoid using them for layout purposes which can confuse screen readers.
  • Use text with sufficient contrast against backgrounds for readability.
  • Pair color with another visual cue, like bold text, to ensure clarity.

Many of the applications we use to produce documents, such as Word, PowerPoint, and Adobe Acrobat, include accessibility checkers, which you can use to identify and fix potential issues.

Review additional resources for making documents accessible.

The post Digital Accessibility for Web Content appeared first on 51ΑΤΖζ Web Guide.

]]>
New Header, Universal Navigation & Footer – Subsite Configuration Checklist /web/documentation-guides/new-header-universal-navigation-footer-subsite-configuration-checklist/ Tue, 29 Apr 2025 18:22:25 +0000 /web/?post_type=documentation_guides&p=10296 Subsite Title If the subsite is not a school, college or academic department subsite, use a topic-based title in the header to align with subsite title standards. Optionally specify a unit-based title in the footer. These settings are located in …

The post New Header, Universal Navigation & Footer – Subsite Configuration Checklist appeared first on 51ΑΤΖζ Web Guide.

]]>

Subsite Title

If the subsite is not a school, college or academic department subsite, use a topic-based title in the header to align with subsite title standards. Optionally specify a unit-based title in the footer. These settings are located in Theme Options.

Subsite Give URL

If the subsite has a custom Give URL, it must be configured in Theme Options by a member of the MarComm web team.

Update footer settings in Theme Options to ensure alignment with subsite footer contact information standards.

Contact Page

If the subsite features an contact page, ensure alignment with presentation and configuration standards.

Intranet Section

If the subsite features an intranet section, i.e., content that is for internal audiences and not for students, ensure that the section is aligned with presentation and configuration standards.

Request Information Page

If the subsite features a request information form, ensure that it is presented on a Request Information page aligned with presentation and configuration standards.

People Directory Page

If the subsite features a people directory page, ensure that it is aligned with presentation and configuration standards.

Home Page

  • Ensure that the home page title aligns with home page title standards.
  • Ensure that the home page banner aligns with banner standards.
  • Ensure that inclusive language is used in link and button labels. For example, if the home page features a link for “View all news”, change the link label to “All News”, capitalizing each word.
  • If the subsite home page features a full-width section layout, ensure the following:
    • If the subsite is related to recruitment include a as the last block on the page.
    • If the subsite features academic programs, include a gold “Academic Programs” button that links to the subsite’s academic program archive page after the home page intro copy.
    • Ensure that the typography styles of the home page align with standards and match what is shown in patterns often featured on home pages, such as Content & Image, News & Events.

Audience Resources Page

If the subsite features an audience resource page, ensure that its layout aligns with audience resources page standards.

Navigation

Ensure that all forms of navigation align with navigation standards.

The post New Header, Universal Navigation & Footer – Subsite Configuration Checklist appeared first on 51ΑΤΖζ Web Guide.

]]>
Content Retention Standards /web/documentation-guides/content-retention-standards/ Fri, 25 Apr 2025 14:28:47 +0000 /web/?post_type=documentation_guides&p=10276 The post Content Retention Standards appeared first on 51ΑΤΖζ Web Guide.

]]>

The 51ΑΤΖζ website is a dynamic platform meant to deliver timely, accurate and relevant information to its audiences. It shall not be used for content archiving. Content with a specific time relevance, such as news and events, that is older than two years shall be regularly reviewed and removed.

What to Do With Old Content

Website primary editors must regularly review and clean up old content. Here are recommended actions:

  • News and event content must adhere to 51ΑΤΖζ’s news and events retention schedule.
  • Remove outdated pages that are no longer relevant.
  • Remove outdated sections of content on pages that are no longer relevant.
  • Migrate content that must be retained for internal use to appropriate storage, such as SharePoint, or contact the 51ΑΤΖζ Libraries Archives Department to discuss archiving options that may be available to you.

Exceptions & Special Cases

In some cases, content may need to be preserved beyond two years, for example:

  • Content related to major university milestones or initiatives
  • Institutional history
  • Accreditation-related documentation

The post Content Retention Standards appeared first on 51ΑΤΖζ Web Guide.

]]>
Banner Standards /web/documentation-guides/banner-standards/ Fri, 25 Apr 2025 14:10:48 +0000 /web/?post_type=documentation_guides&p=10265 Location: Top of Page 51ΑΤΖζ Home Page Location Top of page Types 51ΑΤΖζ Banner – Image51ΑΤΖζ Banner – Video Dimensions 1500 x 650 pixels Overlay content Text only when used to convey 51ΑΤΖζ brand.Text and button(s) when used temporarily for …

The post Banner Standards appeared first on 51ΑΤΖζ Web Guide.

]]>

Location: Top of Page

51ΑΤΖζ Home Page

Location Top of page
Types 51ΑΤΖζ Banner – Image
51ΑΤΖζ Banner – Video
Dimensions 1500 x 650 pixels
Overlay content Text only when used to convey 51ΑΤΖζ brand.
Text and button(s) when used temporarily for spring and fall commencement.
Text or logos in image No

Subsite Home Page

Location Top of page
Types 51ΑΤΖζ Banner – Image
Featured Image
Dimensions 1500 x 400 pixels
Overlay content No
Text or logos in image No
Page title Set to subsite title.
Display left-aligned below the banner.

Configuration Instructions
Example

Video Banners
Existing Web ID 2 subsites that feature video banners on their home page may continue to do so and must align with the standards listed below for school/college subsite home pages.

School & College Subsite Home Page

Location Top of page
Types 51ΑΤΖζ Banner – Image
51ΑΤΖζ Banner – Video
Dimensions 51ΑΤΖζ Banner – Image: 1500 x 400 pixels
51ΑΤΖζ Banner – Video: 1500 x 650 pixels
Overlay content Text only. Buttons are not allowed.
Text or logos in image No
Page title Set to “Home”.
Subsite title is programmatically included in markup as the page title but not displayed on front-end.

ExampleBecause this example page is not set as the demo subsite’s home page, it is displaying the page title above the banner.

Secondary Page

Location Top of page
Types 51ΑΤΖζ Banner – Image
Featured Image
Dimensions 1500 x 400 pixels
Overlay content None
Text or logos in image No
Page title Set to page title.
Display left-aligned below the banner.

Location: Middle or Bottom of Page

Location Middle or bottom of page
Type 51ΑΤΖζ Banner – Image
Dimensions 1500 x 400 pixels
Overlay content Heading, deck and at least 1 button must be present.
Content must be vertically centered.
Text or logos in image No

The post Banner Standards appeared first on 51ΑΤΖζ Web Guide.

]]>
Subsite Home Page Title Standards /web/documentation-guides/subsite-home-page-title-standards/ Fri, 25 Apr 2025 14:09:44 +0000 /web/?post_type=documentation_guides&p=10263 Subsite home pages are secondary pages of the 51ΑΤΖζ website therefore the subsite title must be present in the page content as a H1 heading. Instructions Follow the instructions below to ensure correct configuration of the home page title on …

The post Subsite Home Page Title Standards appeared first on 51ΑΤΖζ Web Guide.

]]>

Subsite home pages are secondary pages of the 51ΑΤΖζ website therefore the subsite title must be present in the page content as a H1 heading.

Instructions

Follow the instructions below to ensure correct configuration of the home page title on subsite home pages. Do not use the Heading block.

  • Set home page title to the subsite title.
  • Set page template to full-width single column.
  • Add 51ΑΤΖζ Section block.
  • Add 51ΑΤΖζ Page Title block inside 51ΑΤΖζ Section block.
  • In the “SEO title” field located in the home page’s Yoast SEO Premium settings panel:
    • Delete all variables before the “Separator” variable.
    • Enter “Home” before the “Separator” variable.

What the SEO title field should look like.

Instructions for School & College Home Pages

  • Set home page title to “Home”.
  • Configure 1500 x 650 banner in alignment with banner standards.

The post Subsite Home Page Title Standards appeared first on 51ΑΤΖζ Web Guide.

]]>