Into my unit to do a routine power check. This was not an emergency. It was not anything. This is just a routine check. I emailed pg e and said im a wheelchair user. I cant let you in very easily. I need help. There are multiple people in my building who are able bodied and can let you into check those meeters. And their response was, oh, we already tried them and we couldnt get a hold of them. I gave them specific instructions for how to get into my unit. [please stand by]. Handling our power infrastructure. I want to thank the Council Members for their questions and very well intentioned and very reasonable concerns here today. Ms. Senhaux chair thank you. Were going to take a were going to proceed to hold on, im waiting for the panel. Thank you. Were going to information item number 7. The dahlia housing portal. I want to thank our presenter Maria Benjamin, the Deputy Director of Mayors Office and emily shore, dahlia manager, Digital Services. Thank you for waiting. Thank you so much for being here today. Thank you. Should i run the presentation . Ms. Senhaux chair yes. Do i click the button to forward . Okay. As you notice there is only one person here today. Maria has a family situation so she wasnt able to be here today. Ill do the presentation and take note of any questions that might not be in my expertise, to make sure you get the information you want. Ms. Senhaux chair thank you. My name is emily shore, im the product manager for the dahlia product. What that means, i work out of the Digital Services department. Were a relatively new division. Were the tech people. I work with engineers and designers and we partner with maria and her department to make sure were helping her administer her program and helping members of the public get the information they need to apply for affordable housing. So youll get a little more im going to try to go up the middle and make sure im talking about technology in terms of what value its bringing. But if i veer over, stop me. In this presentation, were going to talk about the current processes we have on dahlia for enabling people who go to the website to look at listings and understand the information on there to complete an am indication. And then also to application, and then also to learn about units that have mobility, hearing and vision features. The process is in place for how those after the lottery happens for how the units are assigned during the process. Ill go to the accessibility audit we did this summer, to look at the ways we need to continue to remove barriers on the site. At the end, there will be time for questions. And im excited to learn from people in this room. Thank you for having me. Im not sure how many of you have gone to dahlia, but this is what our home page looks like. And this is where housing seekers can look for rental units. They can look for ownership units and complete an online application, or print out a paper and fill that out and they can also find counselors that will assist them. My team maintains this dahlia website. We also maintain a Sales Force Database behind it, and that stores not only the information you see here, but also private information on the back side of things to help the Mayors Office of housing keep track of data, search it, run reports and understand if theyre meeting certain goals. My team also makes a second web application, but thats only for the oecd staff and leasing agents, so the public does not see that. But this is to make sure rules are followed fairly. Ill go over those a little bit. The view on the slide right now is if you go to dahlia and you click the rent button, youll see a list of the open listings. Open meaning theyre currently taking applications. This is an example of one. This is where somebody who is looking at dahlia would understand the priority units in that building. So if you look at the slide, this unit has priority units for vision and hearing impairment and mobility impairment. So the person who is seeking housing would want to go down each listing and would have to look to read for that. And then if that person decides to click to learn more about a listing, theyre able to go here on the listing view where you get all the information. They can look to understand the number of units in the building that are that have mobility impairment features and the number that have vision we lost our connection here for a second vision and hearing features. And from there, they can hopefully the goal there is so they have enough information to understand if they want to apply. Down at the bottom of the listing, sometimes we have more information, but i think one area we could have for improvement is to have more standardized information, understand better what people want to know, and then have a better way to show it up there. Thats one of the ways were aware we have room for improvement. And then after somebody applies for housing, if they do well in the lottery, they start to go through the lease process. And so i mentioned that second application that were working on. If you look at the slide, what is showing in the top is the database, the Sales Force Database where were currently tracking for each listing if there are communication units. Communication units means vision and hearing features, or if there is mobility. What that means, ocd has been tracking to make sure we know what the units are and who should go into them. And below is the partners app. This is something were rolling out this fall. Its relatively new. The purpose of the lease up function is to make sure that rules are followed. So things that theyve been doing and i ill step into what maria would have been presenting when you lease the process, you need to go through the entire lottery list fll you find someone, for example, for a unit with mobility features to make sure you have an appropriate person. You cant just run ott of time and out of time and put the first person in there. Theyve been Training Staff to do that. They have staff at mohcd that are reaching out to the leasing agents saying, hey, what is the justification for doing that . Did you have documentation . Did something happen in the meeting, to make sure the correct people are going into the units. Because we dont want those units filled with people who dont need those features. So the goal of the partners app is as we continue to build more features on it, it will be easier for staff to go and see that the proper rules are followed. And that no shortcuts are being taken. So well be rolling that out this fall. And continue to do more testing and figuring out what features we want to add to it next. The next thing i wanted to go over is the accessibility audit weve been doing in our department. As i mentioned, i work for the Digital Services department, so there is about five of us that are four of us that are dedicated on the dahlia project, which means we work exclusively for the Mayors Office of housing to implement the below rate programs. But we work with other people with expertise. One of the people i work with, christina, and she is a designer that has expertise in designing for accessibility. So shes come up with a document, 29page document, which is her accessibility audit. If anybody is interested in seeing that, im happy to share it. She went through our site. Of course, our goal is to not only identify and remove barriers, but we want to learn how to avoid the barriers in the future. And because were committed to making sure that the dahlia site the dahlia site is accessible to everyone. Especially those who rely on assisted technology to access the website content. Now that the audit is done, were in the process of remediating the issues we identified. The good news, the audit found that overall our site is very easy for users to read the site content, including this color contrast. We have the alternative text provided for images so that Screen Readers can easily understand the meaning of images for a better user experience. But we did find some issues, which ill go over in the next couple of slides. Sorry, i was supposed to be showing it. This was the accessibility audit list. On the slide, its going over the various things we tested for. So alternative tag descriptions, color contrast, making sure there is a logical reading order, skipping repetitive navigation. Making sure our data and tables is accessible. Making sure our forms, pdfs are accessible. Keyboard navigation accessibility. Making sure when there is a message, its easy to understand what the problem is. We didnt have any audio or video content, but that was part of audit to make sure we didnt have anything that was a barrier due to that reason. And then looking at how we write our content and making sure its compatible with Screen Readers. One of the first issues we found, with the keyboard focus color, it was not providing adequate content. So on our slide at the top is an image how it was before. Where you kind of have a blue background with a not too different blue keyboard focus around a button. So were working right now, my engineers are working to improve that so there is better color contrast. Another example is at the bottom of the slide, its an example of our footer. There is gray text on a black background, which doesnt have the proper ratio to ensure its accessible. This might be a little geeky. So pardon me. But there is the heading tags and the html. Its really important that they have a proper flow. We found a couple of issues with ours. For example, we have pages that have two titles. Two of the h1 tags. That is going to as many of you know, this can confuse Screen Readers since the h1 title tells the reader where the content begins. We found areas in the site where the h2 heading should have been h3 or vice versa. And essentially, this is kind of an example of something that is pretty easy to diagnose the problem, but there are technical challenges to fixing it because the way headings are they have many meanings on our site, so they pull in the size of the font or the color, so we need to work with a designer to figure out how to fix it. So, yeah, thats something that our team is looking at, not just on my team, but were bringing this to the Digital Services department so we can all learn how to do this for all the products were making. And then i mentioned before, that with giving alert messages, its important that we dont just focus on the color red. Like the red cant be the only message that lets a user know there is a problem. What we learned through the audit, we should be having more of a specific message. Hey, this is what the problem is and heres the link to fix it. If you look at the slide, for example, right there, there is just a red banner. Nothing is written to tell you what the nature of the problem is or how to get to the field that you need to fix. So an example here was he could say, have texts that said, please complete your date of birth. There was an issue with the year and then a link to get down. So lots of Little Things that our team is right now working with the designer and engineers to make the improvements we can. We also audit a site for how well it works with Screen Readers. Im curious to find out if the audit is accurate. Our research showed and what is on the slide, the Screen Reader is the most common and windows based and that could be most commonly used with Internet Explorer fire fox. There is few after that, voiceover. And we did some testing, that was kind of mixed results and were still trying to figure out what the next steps are, because there are different combinations, worked with Different Levels of success. Im going to skip over the technical stuff, because i think its too much. One example in the bottom we found, removing apprentice thinksies was important. Ca for california instead of writing out the word wasnt working well. There are folks in the room im sure that know more way about it, and were trying to get up to speed. Were going to continue to research Screen Readers. Were getting a license to put that part of your regular user testing before we make new releases. But were turning this into best practices to share with the rest of the department so as Digital Services is building other products, we can have this be part of our part of our we can share knowledge that is easier for all of us to do these things quicker. The last thing ill say is that our next step this fall, were working with a group called civic makers. We have a procurement with them. Were looking for an organization to test with. We have not identified an organization we can partner with yet, but ill be interested if anybody in the room has a suggestion. What we want to do is go through all the things we found in the audit, but also go through the site in general. Some of the things i showed in the beginning, such as how easy is it for a user who comes to dahlia to identify and find, for example, units that have mobility features . How easy is it for them to, you know, is it for users to complete an online application . What are the most common Screen Readers that are being used to access the dahlia site. And figure out the things we dont know yet by having ongoing user testing. And the goal is to have it be an ongoing part of what were doing. When dahlia was built several years ago, there was testing done. But there is a lag. Before i was hired, they tested and learned what they want to make. They built them out, but now we want to start reassessing and figuring out what to do next. Well take all these learnings and reassess them with the priorities we have for the dahlia products. We get a lot of different requests. So ill work with maria and her team to figure out the order we can do this to get these things built. Thats my presentation. Thank you for covering both parts of the presentation. Im going through the chair, may i answer emilys question. Ms. Senhaux chair you may. Nicole in terms of user testing recommendations, Mayors Office on disability does have a list of community organizations. And were also more than happy to help with basic recruitment. Im happy to hear any other recommendations that the council would have, but wanted to make sure you knew we had a Community Engagement resource list that we distribute regularly. Okay. Thank you, nicole. Nicole thank you for letting me go. Ms. Senhaux chair last time i didnt let you. Council member questions. Lets be brief. We have another presentation. Mr. Madrid i have two questions. One is that i saw on the station the message through jaws, right . Could you repeat the question . So one question i have, i saw your department has a license to use jaws. A license for jaws, yes. Mr. Madrid yeah. And one of your staff of your department uses jaws . She doesnt every day, but in her previous job before she came to Digital Services and then ongoing in our department, she has designed for jaws before. She understands to some extent how to use it. And she has a license on her computer, but what we decided over the summer, we needed a computer dedicated in our department that is only used for testing with jaws, so the rest of us in the department, a, can gain the skill set so we can do testing. B, so that we can have user testing and have it accessible or available to more people. Like it wasnt just enough for her to have it. Because she only has so much time. And also, its important for us to see this as this is a skill that everybody in our department should have, right . This is something we all need to get up to speed on and become proficient and hopefully good at. Mr. Madrid thank you. Im wondering if you can answer this question. Where someone apply for dahlia . Categories that your department has to follow . Categories that we have to file . Follow. Oh, like the rules. Yeah. That might be a better question for maria, because what i get is certain like business rules and i have to implement mr. Madrid i. T. . The i. T. , we do some service designs, so sometimes we take the existing process and be like, hey, what if we move this around or did this to create efficiencies for your staff . Mr. Madrid okay. Im not sure i answered your question. Mr. Madrid have you experience experienced application that is not completed or not efficiently, and how you guys connected to how do you guys do that . The question is, tell me if i understood, if they get applications that are not complete . Mr. Madrid or errors. Or errors . Mr. Madrid you guys have a lot of ongoing updates on the website. Yeah. The way that applications work, its a short form. So anybody who applied years ago, it was a stack of papers this thick and the rules are different. Now its called the short application. Its the bare minimum information that they need to get someone into the lottery. If you hit the Submit Button on dahlia, then thats everything you need to get in the lottery. And what happens is after the lottery, if you do well enough you meet with the leasing agent, they go through and vet. If something was typically, i cant say always, but if something is a little off in the dahlia application, lets say you put your i dont know data entry or something changed during that process after the lottery, the leasing agent checks and you have a chance to fix it. Like for example, on the dahlia application lets say you say i olivia stefanoviliv live in san francisco. You uploaded a proof document, you meant to upload the lease, but you clicked the wrong thing, thats okay. Youll get to go into the lottery. Theyll say, hey, you uploaded the wrong document, bring in the right one and well count that. Mr. Madrid thank you. Ms. Senhaux chair Council Member . Ms. Sassouni brief question. Have you ever is your website able to reverse color background, so it has a white back black background with white letters . The white background is more challenging. There is a High Percentage of people who have vision impairment. Thats one question. Secondly, do you have access for other languages . Because some people may struggle with english. Its not their first language. Im wondering if its available in other languages. Excellent questions, thank you. Im not aware if we have re