{"id":4087,"date":"2020-06-16T00:30:39","date_gmt":"2020-06-16T04:30:39","guid":{"rendered":"https:\/\/undsgn.com\/uncode\/?post_type=portfolio&p=4087"},"modified":"2021-01-15T12:19:47","modified_gmt":"2021-01-15T16:19:47","slug":"web-accessibility","status":"publish","type":"portfolio","link":"https:\/\/cherisha.net\/portfolio\/web-accessibility\/","title":{"rendered":"WEB ACCESSIBILITY"},"content":{"rendered":"

[vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-2″ z_index=”0″ shape_dividers=””][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_column_text text_lead=”yes”]My role:<\/b> Used inclusive design methodology, web accessibility guidelines and user experience design process to redesign the PEP website
\n<\/span>Duration:<\/b> June 19, 2018 to August 21, 2018
\n<\/span>Tools:<\/b> Adobe Illustrator, Adobe Photoshop, Axe plugin, Wave reporter, VoiceOver, JAWS<\/span>[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”2″ z_index=”0″ shape_dividers=””][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-3″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_custom_heading text_size=”h3″ text_color=”color-143410″]DESIGN PROCESS[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-1″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-3″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_single_image media=”82810″ media_width_percent=”100″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-1″ z_index=”0″][vc_column width=”1\/1″][vc_custom_heading text_size=”h3″ text_color=”color-143410″]RESEARCH[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-3″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_column_text text_lead=”yes”]General Observations
\n<\/b>The website of the Prison Education Program needs to be redesigned in order to achieve the following:
\n<\/span>– Better outreach
\n<\/span>– Conformation to the standards of Web Accessibility
\n<\/span>– Restructing content for better navigation
\n<\/span>– Provide improved resources to people who have been released recently
\n<\/span>– Showcase the influence of the program<\/span>[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-1″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-2″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_column_text text_lead=”yes”]Audit Report Observations
\n<\/b>An audit was performed on the current website to discover the following areas where it needed to be remediated to ensure web accessibility:
\n<\/span>– Content navigation: landmarks and headings
\n<\/span>– Tab order
\n<\/span>– WCAG compliance
\n<\/span>– Color contrast
\n<\/span>– Alternate text
\n<\/span>– Purpose of links
\n<\/span>– Accordion, Buttons, Forms, Search<\/span>[\/vc_column_text][vc_empty_space empty_h=”2″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-3″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_custom_heading text_size=”h3″ text_color=”color-143410″]USER INTERVIEW INSIGHTS[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”1″ column_width_percent=”100″ shift_y=”-2″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-3″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_column_text text_lead=”yes” css=”.vc_custom_1598334736415{margin-bottom: 0px !important;border-bottom-width: 0px !important;}”]Conducted user interviews with people who were involved with the program who were either staff member or student from the program or an individual interested to get involved with the program. The insights from these users was quite useful to understand the gaps in the current website and how the navigation and content structure could be improved for better access.<\/span>[\/vc_column_text][vc_empty_space empty_h=”2″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-1″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-3″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_gallery el_id=”gallery-176583″ type=”carousel” medias=”82811,82812,82813″ carousel_lg=”1″ carousel_md=”1″ carousel_sm=”1″ gutter_size=”3″ carousel_interval=”3000″ carousel_navspeed=”400″ carousel_loop=”yes” carousel_nav=”yes” carousel_nav_mobile=”yes” carousel_dots=”yes” carousel_dots_mobile=”yes” stage_padding=”0″ single_overlay_opacity=”1″ single_padding=”2″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-2″ z_index=”0″][vc_column width=”1\/1″][vc_custom_heading text_size=”h3″ text_color=”color-143410″]PERSONA CREATION[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”2″ override_padding=”yes” column_padding=”0″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-3″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″ css=”.vc_custom_1598335290514{padding-top: 0px !important;padding-bottom: 0px !important;}”][vc_column_text text_lead=”yes”]Based on the insights from the research and user interviews, three different persona were created as shown below:<\/span>[\/vc_column_text][vc_empty_space empty_h=”2″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-3″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-2″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_single_image media=”82814″ media_width_percent=”100″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-2″ z_index=”0″][vc_column width=”1\/1″][vc_custom_heading text_size=”h3″ text_color=”color-143410″]JOURNEY MAP[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-3″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_column_text text_lead=”yes”]A journey map was created in order to understand the user journey in detail and analyze the pain points, opportunities, emotions and experience of the user while they navigated the current website.<\/span>[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-3″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_single_image media=”82815″ media_width_percent=”100″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-1″ z_index=”0″][vc_column width=”1\/1″][vc_custom_heading text_size=”h3″ text_color=”color-143410″]CARD SORTING[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-3″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_column_text text_lead=”yes”]Performed the card sorting to categorize the hierarchy and priority of the topics to be included in the new website.<\/span>[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-2″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-3″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_single_image media=”82816″ media_width_percent=”100″][\/vc_column][\/vc_row][vc_row][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-1″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_custom_heading text_size=”h3″]Current Website Flow<\/strong>[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-3″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_column_text text_lead=”yes”]Analyzed and mapped the navigation flow of the current website to understand how the content was structured and to find the gaps which prevented the user from finding the right information on the website.<\/span>[\/vc_column_text][vc_empty_space empty_h=”2″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-3″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-1″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_single_image media=”82817″ media_width_percent=”100″][\/vc_column][\/vc_row][vc_row][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-1″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_custom_heading text_size=”h3″ text_color=”color-143410″]INFORMATION ARCHITECTURE[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-3″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_column_text text_lead=”yes”]After gathering all the data received from the above steps, created the information architecture to address all the needs of the different users.<\/span>[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-3″ z_index=”0″][vc_column width=”1\/1″][vc_single_image media=”82818″ media_width_percent=”100″][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″][vc_custom_heading text_size=”h3″ text_color=”color-143410″]STAKEHOLDER FEEDBACK[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-3″ z_index=”0″][vc_column width=”1\/1″][vc_column_text text_lead=”yes”]The information architecture was shown and explained to the client, Raechel Bosch, who was the Manager of the NYU Prison Education Program. She gave feedback to each of the pages and changes were made in order to improve the structure even further.<\/span>[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-1″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-2″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_single_image media=”82819″ media_width_percent=”100″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-1″ z_index=”0″][vc_column width=”1\/1″][vc_custom_heading text_size=”h3″]Revised Information Architecture<\/b>[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-3″ z_index=”0″][vc_column width=”1\/1″][vc_column_text text_lead=”yes”]Based on the feedback received from the stakeholder, the information architecture was updated as follows:<\/span>[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-3″ z_index=”0″][vc_column width=”1\/1″][vc_single_image media=”82821″ media_width_percent=”100″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-1″ z_index=”0″][vc_column width=”1\/1″][vc_custom_heading text_size=”h3″ text_color=”color-143410″]WIREFRAMES[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-2″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-1″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_column_text text_lead=”yes”]Once the information architecture was finalized, the wireframes were created by mapping existing content and deciding the layout and template of the new website.<\/span>[\/vc_column_text][vc_empty_space empty_h=”2″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-1″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-3″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_single_image media=”82822″ media_width_percent=”100″][\/vc_column][\/vc_row][vc_row][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-1″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_custom_heading text_size=”h3″]Website Design Process<\/b>[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-3″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_single_image media=”82823″ media_width_percent=”100″][\/vc_column][\/vc_row][vc_row][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-3″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_custom_heading text_size=”h3″ text_color=”color-143410″]USER FLOWS<\/b>[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-3″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-2″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_column_text text_lead=”yes”]The user flows were based on the user personas created earlier and a task was assigned to each user and the flow was mapped based on how they would navigate the website.<\/span>[\/vc_column_text][vc_empty_space empty_h=”2″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-3″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-2″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_single_image media=”82824″ media_width_percent=”100″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-2″ z_index=”0″][vc_column width=”1\/1″][vc_custom_heading text_size=”h3″ text_color=”color-143410″]USER TESTING<\/b>[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-2″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-1″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_column_text text_lead=”yes”]Once all the new webpages were created and the content was put onto the new website, user testing was conducted to ensure the information could be easily found by the users.<\/span>[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-2″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-1″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_single_image media=”82825″ media_width_percent=”100″][\/vc_column][\/vc_row][vc_row][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-1″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_custom_heading text_size=”h3″]Testing for Accessibility<\/b>[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-3″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_column_text text_lead=”yes”]Every page was tested for accessibility to ensure that all content and media within the new layout of the website was according to the guidelines of WCAG for AA level of accessibility.<\/span>[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-3″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_single_image media=”82831″ media_width_percent=”100″][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″][vc_custom_heading text_size=”h3″ text_color=”color-143410″]DESIGN ITERATION<\/b>[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-3″ z_index=”0″][vc_column width=”1\/1″][vc_column_text text_lead=”yes”]The user testing and accessibility tests resulted in a number of issues which needed further attention and some fixes to ensure the requirements are met effectively. The iterations are summarized as given below:<\/span>[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-3″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_single_image media=”82826″ media_width_percent=”100″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-1″ z_index=”0″][vc_column width=”1\/1″][vc_custom_heading text_size=”h3″ text_color=”color-143410″]FINAL DESIGN<\/b>[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-3″ z_index=”0″][vc_column width=”1\/1″][vc_column_text text_lead=”yes”]After the changes were made in the design based on the feedback received the final website was launched. Given below are some snapshots of the comparison between the old and the new website:<\/span>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-3″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_gallery el_id=”gallery-412390″ type=”carousel” medias=”82827,82828,82829,82830″ carousel_lg=”1″ carousel_md=”1″ carousel_sm=”1″ gutter_size=”3″ carousel_interval=”3000″ carousel_navspeed=”400″ carousel_loop=”yes” carousel_nav=”yes” carousel_nav_mobile=”yes” carousel_dots=”yes” carousel_dots_mobile=”yes” stage_padding=”0″ single_overlay_opacity=”1″ single_padding=”2″][\/vc_column][\/vc_row][vc_row][vc_column column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”-1″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_custom_heading text_size=”h3″]Results<\/b>[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”-3″ z_index=”0″][vc_column width=”1\/1″][vc_column_text text_lead=”yes”]– All content on site meets accessibility requirements as per WCAG guidelines
\n<\/span>– New website is flexible to allow addition of more content for resources and projects
\n<\/span>– Revised website has ensured better outreach of the program to wider target audience
\n<\/span>– Helped to create more awareness about program on social media<\/span><\/p>\n

View Website<\/b><\/a><\/span>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

Goal: Redesigning the NYU Prison Education Program website according to WCAG AA guidelines for accessibility and enable better outreach of the program by incorporating good design principles for a better user experience.<\/p>\n","protected":false},"author":1,"featured_media":83754,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","footnotes":""},"portfolio_category":[20,22],"class_list":["post-4087","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio_category-ux","portfolio_category-accessibility"],"_links":{"self":[{"href":"https:\/\/cherisha.net\/wp-json\/wp\/v2\/portfolio\/4087"}],"collection":[{"href":"https:\/\/cherisha.net\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/cherisha.net\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/cherisha.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cherisha.net\/wp-json\/wp\/v2\/comments?post=4087"}],"version-history":[{"count":47,"href":"https:\/\/cherisha.net\/wp-json\/wp\/v2\/portfolio\/4087\/revisions"}],"predecessor-version":[{"id":83746,"href":"https:\/\/cherisha.net\/wp-json\/wp\/v2\/portfolio\/4087\/revisions\/83746"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cherisha.net\/wp-json\/wp\/v2\/media\/83754"}],"wp:attachment":[{"href":"https:\/\/cherisha.net\/wp-json\/wp\/v2\/media?parent=4087"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/cherisha.net\/wp-json\/wp\/v2\/portfolio_category?post=4087"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}