new features and accessibility training...new features and accessibility training cms training new...

NewFeaturesandAccessibilityTrainingCMSTraining

NewFeatures•DepartmentalCalendar-eachsubsitewillhavetheirowncalendarofeventssimilartothecalendaronCCNY’sHomepage•AccesstoDepartmentalCalendar

•AAendtraining•RequestaccessfromTheOfficeofCommunicaFonsandMarkeFng

•EventscanappeareitherontheCCNY’scalendar,aspecificsubsitecalendar,orboth.

DepartmentalCalendar•CalendarstoAppear-checkoneofthetwoopFonsorboth•  MainCCNYCalendarofEvents-appearsonCCNY’scalendar•  DepartmentalCalendar-appearsonaspecificdepartmentcalendar

•  Department-assigneventtodepartmentalgroup•Pleasenotethecalendarisforexternaleventsandnotforanyinternaleventssuchasweeklystaffmee8ngs.

Accessibilityfortheweb•  WebAccessibility-peoplewithdisabiliFescanperceive,understand,navigate,andinteractwiththeweb

•  1in5Americansself-idenFfyhavingsometypeofdisability•  Approximately12millionAmericansexperienceblindnessorvisionloss

•  WhyisWebAccessibilityImportant?•  Itprovidesequalaccessandequalopportunityforeveryonetousetheweb.

•  Userswithwhonavigatethewebcanpossess:•  Visual,Motor/mobility,Auditory,and/orCogniFveDisabiliFes

Accessibilityfortheweb•ScreenreadersoWwarereadsoutallthecontentonawebsite

•  PC-downloadfreesoWwareNVDA,worksbestwithFirefoxhAp://www.nvaccess.org/download/

•  MAC-canbefoundunder“SystemPreferences”->“Accessibility”•  Android-GoogleTalkback(hAps://play.google.com/store/apps/details?id=com.google.android.marvin.talkback)

•  iOS:“Sebngs”->“Accessibility”->“VoiceOver”

•OpFmizingimages,content,andmediahelpsscreenreaderstoworkcorrectly

Accessibilityfortheweb•  MotorDisabiliFes•  Userswillhavehardwarethatcandetectcertainmusclemovements

Bene=itsforHavingAccessibilityFeatures

•Improveusabilityforallvisitors•Reachingnewaudiences•SearchEngineOpFmizaFon(SEO)-pagerankingwithinsearchengines

Searchengineswillpenalizesitesthatdonotmeetminimumaccessibilitystandards

•CUNYstandards–compliancewithAmericanswithDisabiliFesAct(ADA)

"CUNYiscommiAedtoprovidingstudents,faculty,staff,andthegeneralpublicwiththetechnologyandinformaFontheyneed....AlloftheUniversity'selectronicandinformaFontechnologiesmustbeaccessibletoallindividualswhowishtoaccessthem."

hAp://www2.cuny.edu/accessibility/statement/

AddingImageAlternativeText&TitleText

BasicLayout

CustomLayout

•Images-Use“AlternaFveText”and“TitleText”tags•AlternaFvetextisusedbyscreenreaderswhentheimagecannotbeloaded•TitletextisusedinthetoolFpwhenauserhoverstheirmouseovertheimage

ImageAlternativeText&TitleTextOutput

AddingImageAlternativeText&TitleTexttoPro=ileImages•  Profiles-AddAlternaFveTextandTitleTexttagstoprofileimage•  Onprofile,click“Edit”•  InediFngbox,choose“ProfileBasics”•  Nexttoprofileimage,click“Edit”

AddingDescriptiontoMenuLinks

WhenEdiFngPageLayout

WhenEdiFngMenu

•Menu-Add“descripFon”foreachnavigaFonlink

MenuDescriptionOutput

PageHeaders<h>Tags-Startwith<h3>tagsintextareabox

PageHeaders

HowtoMakeYourSiteWebAccessible?

•Video-VideosshouldnotplayautomaFcally•  AddsubFtlesifpossible

HowtoMakeYourSiteWebAccessible?

•Webform-UseCCNY’swebformtoolbecauseitmeetsminimumaccessibilitystandards•  Createsmetadatathatcanbereadbyscreenreaders•  GoogleFormsdoesnotgeneratethenecessarymetadata

Weareheretohelp!OfficeofCommunicaFonsandMarkeFngWebrelatedinquiries:support@ccnywebsite.zendesk.comhAps://www.ccny.cuny.edu/communicaFons/service-request-formSimoneK.McMillion,D.ScDirectorofMarkeFngOffice:x7581smcmillion@ccny.cuny.eduSeamusCampbellWebsiteCoordinatorOffice:x7582scampbell1@ccny.cuny.eduPremNankooWebContentAssistantOffice:x8170pnankoo@ccny.cuny.edu