Menu Display

An error occurred while processing the template. 
The following has evaluated to null or missing:
==> navbarId  [in template "86161#86202#287243" at line 85, column 8]

----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----

----
FTL stack trace ("~" means nesting-related):
	- Failed at: ${navbarId}  [in template "86161#86202#287243" at line 85, column 6]
----
1<#include "${templatesPath}/NAVIGATION-MACRO-FTL" /> 
2 
3<#if !entries?has_content> 
4    <#if themeDisplay.isSignedIn()> 
5        <div class="alert alert-info"> 
6            <@liferay.language key="there-are-no-menu-items-to-display" /> 
7        </div> 
8    </#if> 
9<#else> 
10    <#assign 
11        portletDisplay = themeDisplay.getPortletDisplay() 
12 
13        navbarId = "navbar_" + portletDisplay.getId() 
14    /> 
15 
16    <div id="${navbarId}" class="mt-3"> 
17        <div class="accordion" id="${navbarId}-top-accordion"> 
18            <div class="accordion navbar-site" id="${navbarId}-accordion"> 
19                <header id="${navbarId}-header" class="d-block d-md-none text-right" data-toggle="collapse" data-target="#${navbarId}-top-collapse" aria-expanded="false" aria-controls="${navbarId}-top-collapse">Section Menu <i class="menu-icon ml-2"></i><hr/></header> 
20                <div id="${navbarId}-top-collapse" class="collapse d-md-block pl-0 ml-0" aria-labelledby="${navbarId}-header" data-parent="#${navbarId}-top-accordion"> 
21                    <#assign navItems = entries /> 
22 
23                    <#list navItems as navItem> 
24                        <#assign showChildrenNavItems = (displayDepth != 1) && navItem.hasBrowsableChildren() /> 
25 
26                        <#if navItem.isBrowsable() || showChildrenNavItems> 
27                            <#assign 
28                                nav_item_css_class = "" 
29                                nav_item_href_link = "" 
30                            /> 
31 
32                            <#if navItem.isChildSelected() || navItem.isSelected()> 
33                                <#assign nav_item_css_class = "active" /> 
34                            </#if> 
35 
36                            <#if navItem.isBrowsable()> 
37                                <#assign nav_item_href_link = "href='${navItem.getURL()}' ${navItem.getTarget()}" /> 
38                            </#if> 
39 
40                            <div class="card collapse-card shadow-none border-0 mb-0"> 
41                                <#if showChildrenNavItems> 
42                                    <#assign toggle_text> 
43                                        <@liferay.language key="toggle" /> 
44                                    </#assign> 
45                                </#if> 
46                                <#if showChildrenNavItems> 
47                                    <div class="collapse-header card-header mb-0 border-0" id="${navbarId}-card-header-${navItem?index}"> 
48                                        <button class="${nav_item_css_class} btn btn-link collapse-btn d-inline-flex justify-content-between align-items-center w-100" type="button" data-toggle="collapse" data-target="#${navbarId}-collapse-${navItem?index}" aria-expanded="false" aria-controls="${navbarId}-collapse-${navItem?index}"> 
49                                            <span class="collapse-header-text mb-0 text-left mr-2">${navItem.getName()}</span> 
50                                            <span class="collapse-header-chevron"></span> 
51                                            <span class='sr-only'>${toggle_text}</span> 
52                                        </button> 
53                                    </div> 
54                                    <div class="collapse" id="${navbarId}-collapse-${navItem?index}" aria-lablledby="${navbarId}-card-header-${navItem?index}" data-parent="#${navbarId}-accordion"> 
55                                        <div class="card-body p-0"> 
56                                            <@buildChildrenNavItems 
57                                                displayDepth=displayDepth 
58                                                navItem=navItem 
59                                            /> 
60                                        </div> 
61                                    </div> 
62                                </#if> 
63                                 
64                            </div> 
65                        </#if> 
66                    </#list> 
67                </div> 
68            </div> 
69        </div> 
70    </div> 
71 
72    <@liferay_aui.script use="liferay-navigation-interaction"> 
73        var navigation = A.one('#${navbarId}'); 
74 
75        Liferay.Data.NAV_INTERACTION_LIST_SELECTOR = '.navbar-site'; 
76        Liferay.Data.NAV_LIST_SELECTOR = '.navbar-site'; 
77 
78        if (navigation) { 
79            navigation.plug(Liferay.NavigationInteraction); 
80        } 
81    </@> 
82</#if> 
83 
84<style> 
85    #${navbarId} .collapse-card { 
86        border-radius: 0; 
87    } 
88 
89    #${navbarId} .collapse-header { 
90        background-color: #ffffff; 
91        border-radius: 0; 
92        padding: 0; 
93    } 
94 
95    #${navbarId} .collapse-header:active, 
96    #${navbarId} .collapse-header:focus, 
97    #${navbarId} .collapse-header:focus-within, 
98    #${navbarId} .collapse-header:target, 
99    #${navbarId} .collapse-header:hover, 
100    #${navbarId} .collapse-header:focus-visible { 
101        background-color: #b31b1b; 
102    } 
103 
104    #${navbarId} .collapse-header-text { 
105        font-family: myriad-pro, sans-serif; 
106        font-style: normal; 
107        font-weight: 600; 
108        color: #333333; 
109    } 
110 
111    #${navbarId} .collapse-header:active .collapse-header-text, 
112    #${navbarId} .collapse-header:focus .collapse-header-text, 
113    #${navbarId} .collapse-header:focus-within .collapse-header-text, 
114    #${navbarId} .collapse-header:target .collapse-header-text, 
115    #${navbarId} .collapse-header:hover .collapse-header-text, 
116    #${navbarId} .collapse-header:focus-visible .collapse-header-text { 
117        color: #ffffff; 
118    } 
119 
120    #${navbarId} .collapse-btn:active, 
121    #${navbarId} .collapse-btn:focus, 
122    #${navbarId} .collapse-btn:focus-within, 
123    #${navbarId} .collapse-btn:target, 
124    #${navbarId} .collapse-btn:hover, 
125    #${navbarId} .collapse-btn:focus-visible { 
126        box-shadow: none; 
127        text-decoration: none; 
128    } 
129 
130    #${navbarId} .collapse-header-chevron::before { 
131        font-family: 'fontawesome-alloy'; 
132        color: #333333; 
133    } 
134 
135    #${navbarId} .collapse-header:active .collapse-header-chevron::before, 
136    #${navbarId} .collapse-header:focus .collapse-header-chevron::before, 
137    #${navbarId} .collapse-header:focus-within .collapse-header-chevron::before, 
138    #${navbarId} .collapse-header:target .collapse-header-chevron::before, 
139    #${navbarId} .collapse-header:hover .collapse-header-chevron::before, 
140    #${navbarId} .collapse-header:focus-visible .collapse-header-chevron::before { 
141        color: #ffffff; 
142    } 
143 
144    #${navbarId} .collapse-btn[aria-expanded="true"] > .collapse-header-chevron::before { 
145        font-family: FontAwesome; 
146			  content: "\f078"; 
147        color: #ffffff; 
148    } 
149 
150    #${navbarId} .collapse-btn[aria-expanded="false"] > .collapse-header-chevron::before { 
151        font-family: FontAwesome; 
152        content: "\f077"; 
153    } 
154 
155    #${navbarId} .collapse-btn[aria-expanded="true"] { 
156        background-color: #b31b1b; 
157    } 
158 
159    #${navbarId} .collapse-btn[aria-expanded="true"] > .collapse-header-text { 
160        color: #ffffff; 
161    } 
162 
163    #${navbarId} .dropdown-item.active { 
164        background-color: #b31b1b; 
165        color: #ffffff; 
166        text-decoration: none; 
167    } 
168 
169    #${navbarId} .dropdown-item { 
170        background-color: #ffffff; 
171        color: #333333; 
172        font-family: myriad-pro, sans-serif; 
173        font-style: normal; 
174        font-weight: 600; 
175        padding-top: 6px; 
176        padding-bottom: 6px; 
177    } 
178 
179    #${navbarId} .dropdown-item:active, 
180    #${navbarId} .dropdown-item:focus, 
181    #${navbarId} .dropdown-item:focus-within, 
182    #${navbarId} .dropdown-item:target, 
183    #${navbarId} .dropdown-item:hover, 
184    #${navbarId} .dropdown-item:focus-visible { 
185        background-color: #b31b1b; 
186        color: #ffffff; 
187    } 
188 
189    #${navbarId} .card-body > li { 
190        display: block; 
191    } 
192 
193    #${navbarId} header { 
194        font-family: myriad-pro, sans-serif; 
195        font-style: normal; 
196        font-weight: 600; 
197    } 
198 
199    #${navbarId} .menu-icon { 
200        font-family: "fontawesome-alloy"; 
201        speak: none; 
202        font-style: normal; 
203        font-weight: normal; 
204        font-variant: normal; 
205        text-transform: none; 
206        line-height: 1; 
207        -webkit-font-smoothing: antialiased; 
208    } 
209     
210    #${navbarId} header[aria-expanded="false"] .menu-icon:before { 
211			  font-family: 'FontAwesome'; 
212        content: "\f0c9"; 
213    } 
214     
215    #${navbarId} header[aria-expanded="true"] .menu-icon:before { 
216			  font-family: 'FontAwesome'; 
217        content: "\f00d"; 
218    } 
219</style> 

Breadcrumb

Web Accessibility Policy: Marist Italy

Marist College is committed to ensuring equal access for people with disabilities. As such, accessibility of the Web is of critical importance to people with disabilities around the world, including people with auditory, cognitive, physical, neurological, and visual disabilities, and is likewise important to those with accessibility needs due to aging.

Providing accessible web content can also benefit people who do not have disabilities but who are experiencing situational barriers. For instance, when accessing the Web from devices with small screens or in low bandwidth situations, or when experiencing barriers due to language or literacy levels, accessibility solutions can also support improved access.

Policy Statement

All new and redesigned web content published after the effective date of this policy by Marist College, both for public and internal websites and services, will conform to WCAG 2.0 Level AA success criteria.

All existing web content published prior to the effective date of this policy will either be archived or modified to conform to WCAG 2.0 Level AA success criteria. Web content hosted on Marist College public websites will be addressed no later than August, 2019. Web content hosted on internal websites will be addressed no later than September, 2019.

All internal content management systems (CMS) and the web content authoring tools will conform to ATAG Level AA success criteria by January, 2020. Where websites, services, or applications provide users with the opportunity to generate content, the interfaces provided will conform to ATAG Level AA.

Responsibilities

The responsibility for the support and implementation of this policy has been split into two functional areas.

Accessibility Coordinator:

  1. Consolidate annual status reports for presentation to the board at annual review meetings.
  2. Prepare and provide accessibility training and guidance
  3. Promote web accessibility awareness internally
  4. Respond to user inquiries related to web accessibility
  5. Organize on-going assessment of the accessibility of websites, content, services and applications identified as in scope.

Information Technology Division

  1. Choose and implement tools that conform to this policy
  2. Provide tools to support in automated accessibility checking
  3. Remedy identified accessibility barriers related to supported technology and applications

Exclusions

Web content that has been archived is not subject to the standards referenced in this policy. Should there be a specific request for access to the archived content by any individual with a disability, that content will be made available in a suitable format within 10 business days. Where it is not technically possible to make the content available, a suitable alternative should be agreed upon with the individual. The department or team responsible for the creation of the content is responsible for making it accessible.

Procurement

This policy applies to all web content developed by or for Marist College and should be referenceds within any contract of services or statements of work for web content, websites, services, or applications. Any such contract or statement of work musth include a provision for an independent statement of conformance stating that the work meets the required standard. This should form part of the deliverable approval process.

Syndicated Content

Elements of Marist College website might include web content syndicated from other providers. For example, a social media stream. When considering a syndication service for inclusion in any Marist College website, any service review should include an evaluation of the accessibility of the service. Such evaluations must form a part of the service selection criteria.

Where a service is selected with known accessibility issues, Marist College will develop or procure a solution that ensures the content delivered via Marist College websites meets policy standards.

Reporting

Each department with responsibility for web content, websites, services, or applications must submit an annual status report to the Accessibility Coordinator. The status report will summarize the efforts and progress towards the aims defined by this policy.

Policy Review

This policy shall be reviewed at least once a year by the Accessibility Coordinator. The review should include input from the Information Technology and Human Resources divisions.

Contacts

Accessibility Coordinator: Accommodations & Accessibility, 845.575.3274, accommodations@marist.edu

References

W3C WCAG 2.0: http://www.w3.org/TR/WCAG20/
W3C ATAG 2.0: http://www.w3.org/TR/WCAG20/
W3C UAAG 2.0: http://www.w3.org/TR/WCAG20/

Definitions

Authoring Tool: Includes WY?SIWYG web page editing tools, content management tools, development tool for portlet, scripts, or applications, non-text media (e.g. video, audio, images) editing tools, social media content authoring tools (e.g. blogs, wiki, social networks)

Authoring Tool Accessibility Guidelines (ATAG): Accessibility requirements for web authoring tools, including software and services that are used to produce web content, for example HTML editors, content management systems (CMS), or online forums. ATAG guidelines outline both how to make the tools accessible and also how the tools can be built to help create more accessible content

Internal Website: Website developed or procured to meet an internal Marist College business need, such as student and faculty communication. Access to such sites is only available to Marist College students, faculty and staff.

Public Website: Website developed or procured to support or inform Marist College’s public and prospective community.

User Agent: Includes browsers, media players and applications that render web content

User Agent Accessibility Guidelines (UAAG): Accessibility requirements for web browsers, media players, and some assistive technologies that process and present web content to users.

Web Content: Includes electronic documents, websites, services, and applications delivered via the web.

Web Content Accessibility Guidelines (WCAG) 2.0: Accessibility requirements for web content, including text, images, audio-visual materials, and code used for structure, style, and interactions.

Website: Includes websites, services, and applications create using Open Web Platform technologies. Note this includes web applications developed solely for mobile platform delivery.